Questions tagged [blending]

The process of mixing things together. Computer graphics uses blending concept to achieve transparency with image.

Blending: The process of mixing things together. Computer graphics uses blending concept to achieve transparency with image.

Resources:

523 questions
68
votes
7 answers

Is there an algorithm for color mixing that works like mixing real colors?

The common mixing of RGB colors is very different from mixing colors for paintings, it's mixing of light instead mixing of pigments. For example: Blue (0,0,255) + Yellow (255,255,0) = Grey (128,128,128) (It should be Blue + Yellow = Green) Is there…
Tom Pažourek
  • 7,390
  • 7
  • 51
  • 92
35
votes
10 answers

Are photoshop-like blend modes possible in HTML5?

I want to put a red rectangular
element over my webpage so that it would look not only transparent, but also like blended in Photoshop’s Multiply mode. The
would have position: fixed, so the content below it would change quickly. Is that…
Ernests Karlsons
  • 2,150
  • 5
  • 21
  • 36
27
votes
2 answers

Is it possible to do additive blending with matplotlib?

When dealing with overlapping high density scatter or line plots of different colors it can be convenient to implement additive blending schemes, where the RGB colors of each marker add together to produce the final color in the canvas. This is a…
glopes
  • 3,198
  • 3
  • 21
  • 25
20
votes
2 answers

Mix two non-opaque colors with "hue" blend mode

I want to implement color blending as described in the W3C compositing and blending spec. (I'm doing this in JavaScript but the language shouldn't really matter for solving my problem.) In retrospect: During the implementation of the answer to this…
Loilo
  • 9,930
  • 5
  • 32
  • 41
18
votes
2 answers

OpenGL - mask with multiple textures

I have implemented masking in OpenGL according to the following concept: The mask is composed of black and white colors. A foreground texture should only be visible in the white parts of the mask. A background texture should only be visible in the…
red
  • 793
  • 1
  • 6
  • 13
17
votes
3 answers

Using blending filters (multiply more specifically) using SVG

I have a reference image of the effect that I am trying to achieve using SVG. In Photoshop the effect can be achieved by using 100% opacity with the blending mode set to 'multiply' The colors have hex values of: red: #EA312F, blue: #3A5BA6 and…
Chris
  • 934
  • 2
  • 9
  • 22
15
votes
2 answers

Blending pixels from Two Bitmaps

I'm beating my head against a wall here, and I'm fairly certain I'm doing something stupid, so time to make my stupidity public. I'm trying to take two images, blend them together into a third image using standard blending algorithms (Hardlight,…
MarkPowell
  • 16,294
  • 7
  • 57
  • 76
15
votes
4 answers

Blending does not remove seams in OpenCV

I am trying to blend 2 images so that the seams between them disappear. 1st image: 2nd image: if blending NOT applied: if blending applied: I used ALPHA BLENDING; NO seam removed; in fact image STILL SAME BUT DARKER This is the part where I do…
Steph
  • 599
  • 3
  • 11
  • 30
15
votes
6 answers

iOS Find Color at Point Between Two Colors

I have a problem: I need to be able to take two colors and make a 'virtual gradient' out of them. I then need to be able to find the color at any point on this line. My current approach is this: if (fahrenheit < kBottomThreshold) { return…
Undo
  • 25,204
  • 37
  • 102
  • 124
12
votes
4 answers

Blending two images together with multiply and % opacity

I'm trying to blend two images together with Android, using a Multiply-like blending mode. // Prepare ------------------------------- // Create source images Bitmap img1 = ... Bitmap img2 = ... // Create result image Bitmap result = ... Canvas…
zeh
  • 8,471
  • 3
  • 32
  • 50
12
votes
2 answers

What do the blend modes in pygame mean?

Surface.blit has a new parameter in 1.8: blend. The following values are…
Aaron Digulla
  • 297,790
  • 101
  • 558
  • 777
12
votes
2 answers

OpenGL default pipeline alpha blending does not make any sense for the alpha component

Q : Is there a way to use the default pipeline to blend the Alpha component properly? Problem : I'm drawing semi-transparent surfaces into a texture, then I want to blit that texture into the main frame back buffer. Normally when you use…
12
votes
2 answers

mix-blend-mode broken when html has "perspective"

By applying "perspective" to the html element my mix-blend-mode seems to get ignored by Firefox. html { perspective: 800px; /* causing the issue */ } div { color: #fff; background: linear-gradient(to bottom, #000, orange); …
Type-Style
  • 1,724
  • 12
  • 28
12
votes
2 answers

How do I reduce frames with blending in ffmpeg

I am trying to convert some files into ProRes. One fairly important part of the conversion is: reducing frames from 60 to 30 blending every 2 frames into one and achieving a more fluent movement. (a simple sort of motion blur) I have tried the…
user3213418
  • 129
  • 1
  • 3
11
votes
3 answers

formula for alpha value when blending two transparent colors

lets assume an alpha of 1 means fully opaque and 0 means fully transparent. lets say i have two black images which have 50% transparency (alpha = 0.5). if they are laid on top of each other, the resulting transparency is 0.75, right? if they would…
clamp
  • 30,396
  • 73
  • 193
  • 291
1
2 3
34 35