#E3C6FF - #955FCE | 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 #E3C6FF to #955FCE

#E3C6FF #955FCE

Calculate the color between two colors, #E3C6FF and #955FCE. 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)

#E3C6FF - #955FCE | 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 #E3C6FF as 0% and #955FCE as 100%.

0.0%	0.0% #E3C6FF	RGB 227 198 255	#E3C6FF
16.7%	16.7% #D6B4F6	RGB 214 180 246	#D6B4F6
33.3%	33.3% #C9A3EE	RGB 201 163 238	#C9A3EE
50.0%	50.0% #BC92E6	RGB 188 146 230	#BC92E6
66.7%	66.7% #AF81DE	RGB 175 129 222	#AF81DE
83.3%	83.3% #A270D6	RGB 162 112 214	#A270D6
100.0%	100.0% #955FCE	RGB 149 95 206	#955FCE

#E3C6FF #D6B4F6 #C9A3EE #BC92E6 #AF81DE #A270D6 #955FCE

#E3C6FF - #955FCE

HSV Blend

#E3C6FF - #955FCE | 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 #E3C6FF as 0% and #955FCE as 100%.

0.0%	0.0% #E3C6FF	RGB 227 198 255	#E3C6FF
16.7%	16.7% #D5B2F6	RGB 213 178 246	#D5B2F6
33.3%	33.3% #C7A0EE	RGB 199 160 238	#C7A0EE
50.0%	50.0% #BA8EE6	RGB 186 142 230	#BA8EE6
66.7%	66.7% #AD7DDE	RGB 173 125 222	#AD7DDE
83.3%	83.3% #A16ED6	RGB 161 110 214	#A16ED6
100.0%	100.0% #955FCE	RGB 149 95 206	#955FCE

#E3C6FF #D5B2F6 #C7A0EE #BA8EE6 #AD7DDE #A16ED6 #955FCE

#E3C6FF - #BA8EE6 - #955FCE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E3C6FF 0%, #BA8EE6 50%, #955FCE 100%);
    background: -webkit-linear-gradient(top, #E3C6FF 0%, #BA8EE6 50%, #955FCE 100%);
    background: linear-gradient(to bottom, #E3C6FF 0%, #BA8EE6 50%, #955FCE 100%);
}
</style>