#E6B9FF - #944BCE | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #E6B9FF to #944BCE

#E6B9FF #944BCE

Calculate the color between two colors, #E6B9FF and #944BCE. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#E6B9FF - #944BCE | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #E6B9FF as 0% and #944BCE as 100%.

0.0%	0.0% #E6B9FF	RGB 230 185 255	#E6B9FF
16.7%	16.7% #D8A6F6	RGB 216 166 246	#D8A6F6
33.3%	33.3% #CA94EE	RGB 202 148 238	#CA94EE
50.0%	50.0% #BD82E6	RGB 189 130 230	#BD82E6
66.7%	66.7% #AF6FDE	RGB 175 111 222	#AF6FDE
83.3%	83.3% #A15DD6	RGB 161 93 214	#A15DD6
100.0%	100.0% #944BCE	RGB 148 75 206	#944BCE

#E6B9FF #D8A6F6 #CA94EE #BD82E6 #AF6FDE #A15DD6 #944BCE

#E6B9FF - #944BCE

HSV Blend

#E6B9FF - #944BCE | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #E6B9FF as 0% and #944BCE as 100%.

0.0%	0.0% #E6B9FF	RGB 230 185 255	#E6B9FF
16.7%	16.7% #D8A4F6	RGB 216 164 246	#D8A4F6
33.3%	33.3% #CA90EE	RGB 202 144 238	#CA90EE
50.0%	50.0% #BC7DE6	RGB 188 125 230	#BC7DE6
66.7%	66.7% #AE6BDE	RGB 174 107 222	#AE6BDE
83.3%	83.3% #A15AD6	RGB 161 90 214	#A15AD6
100.0%	100.0% #944BCE	RGB 148 75 206	#944BCE

#E6B9FF #D8A4F6 #CA90EE #BC7DE6 #AE6BDE #A15AD6 #944BCE

#E6B9FF - #BC7DE6 - #944BCE

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #E6B9FF 0%, #944BCE 100%);
    background: -webkit-linear-gradient(top, #E6B9FF 0%, #944BCE 100%);
    background: linear-gradient(to bottom, #E6B9FF 0%, #944BCE 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E6B9FF 0%, #BC7DE6 50%, #944BCE 100%);
    background: -webkit-linear-gradient(top, #E6B9FF 0%, #BC7DE6 50%, #944BCE 100%);
    background: linear-gradient(to bottom, #E6B9FF 0%, #BC7DE6 50%, #944BCE 100%);
}
</style>