#E2CBF7 - #956AC1 | 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 #E2CBF7 to #956AC1

#E2CBF7 #956AC1

Calculate the color between two colors, #E2CBF7 and #956AC1. 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)

#E2CBF7 - #956AC1 | 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 #E2CBF7 as 0% and #956AC1 as 100%.

0.0%	0.0% #E2CBF7	RGB 226 203 247	#E2CBF7
16.7%	16.7% #D5BAEE	RGB 213 186 238	#D5BAEE
33.3%	33.3% #C8AAE5	RGB 200 170 229	#C8AAE5
50.0%	50.0% #BB9ADC	RGB 187 154 220	#BB9ADC
66.7%	66.7% #AE8AD3	RGB 174 138 211	#AE8AD3
83.3%	83.3% #A17ACA	RGB 161 122 202	#A17ACA
100.0%	100.0% #956AC1	RGB 149 106 193	#956AC1

#E2CBF7 #D5BAEE #C8AAE5 #BB9ADC #AE8AD3 #A17ACA #956AC1

#E2CBF7 - #956AC1

HSV Blend

#E2CBF7 - #956AC1 | 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 #E2CBF7 as 0% and #956AC1 as 100%.

0.0%	0.0% #E2CBF7	RGB 226 203 247	#E2CBF7
16.7%	16.7% #D4B8EE	RGB 212 184 238	#D4B8EE
33.3%	33.3% #C7A7E5	RGB 199 167 229	#C7A7E5
50.0%	50.0% #B996DC	RGB 185 150 220	#B996DC
66.7%	66.7% #AD87D3	RGB 173 135 211	#AD87D3
83.3%	83.3% #A078CA	RGB 160 120 202	#A078CA
100.0%	100.0% #956AC1	RGB 149 106 193	#956AC1

#E2CBF7 #D4B8EE #C7A7E5 #B996DC #AD87D3 #A078CA #956AC1

#E2CBF7 - #B996DC - #956AC1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E2CBF7 0%, #B996DC 50%, #956AC1 100%);
    background: -webkit-linear-gradient(top, #E2CBF7 0%, #B996DC 50%, #956AC1 100%);
    background: linear-gradient(to bottom, #E2CBF7 0%, #B996DC 50%, #956AC1 100%);
}
</style>