#E3C5FF - #955ECE | 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 #E3C5FF to #955ECE

#E3C5FF #955ECE

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

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

0.0%	0.0% #E3C5FF	RGB 227 197 255	#E3C5FF
16.7%	16.7% #D6B3F6	RGB 214 179 246	#D6B3F6
33.3%	33.3% #C9A2EE	RGB 201 162 238	#C9A2EE
50.0%	50.0% #BC91E6	RGB 188 145 230	#BC91E6
66.7%	66.7% #AF80DE	RGB 175 128 222	#AF80DE
83.3%	83.3% #A26FD6	RGB 162 111 214	#A26FD6
100.0%	100.0% #955ECE	RGB 149 94 206	#955ECE

#E3C5FF #D6B3F6 #C9A2EE #BC91E6 #AF80DE #A26FD6 #955ECE

#E3C5FF - #955ECE

HSV Blend

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

0.0%	0.0% #E3C5FF	RGB 227 197 255	#E3C5FF
16.7%	16.7% #D5B1F6	RGB 213 177 246	#D5B1F6
33.3%	33.3% #C79FEE	RGB 199 159 238	#C79FEE
50.0%	50.0% #BA8DE6	RGB 186 141 230	#BA8DE6
66.7%	66.7% #AD7CDE	RGB 173 124 222	#AD7CDE
83.3%	83.3% #A16DD6	RGB 161 109 214	#A16DD6
100.0%	100.0% #955ECE	RGB 149 94 206	#955ECE

#E3C5FF #D5B1F6 #C79FEE #BA8DE6 #AD7CDE #A16DD6 #955ECE

#E3C5FF - #BA8DE6 - #955ECE

CSS codes

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

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