#E2D1E2 - #CF81C5 | 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 #E2D1E2 to #CF81C5

#E2D1E2 #CF81C5

Calculate the color between two colors, #E2D1E2 and #CF81C5. 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)

#E2D1E2 - #CF81C5 | 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 #E2D1E2 as 0% and #CF81C5 as 100%.

0.0%	0.0% #E2D1E2	RGB 226 209 226	#E2D1E2
16.7%	16.7% #DEC3DD	RGB 222 195 221	#DEC3DD
33.3%	33.3% #DBB6D8	RGB 219 182 216	#DBB6D8
50.0%	50.0% #D8A9D3	RGB 216 169 211	#D8A9D3
66.7%	66.7% #D59BCE	RGB 213 155 206	#D59BCE
83.3%	83.3% #D28EC9	RGB 210 142 201	#D28EC9
100.0%	100.0% #CF81C5	RGB 207 129 197	#CF81C5

#E2D1E2 #DEC3DD #DBB6D8 #D8A9D3 #D59BCE #D28EC9 #CF81C5

#E2D1E2 - #CF81C5

HSV Blend

#E2D1E2 - #CF81C5 | 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 #E2D1E2 as 0% and #CF81C5 as 100%.

0.0%	0.0% #E2D1E2	RGB 226 209 226	#E2D1E2
16.7%	16.7% #DEC2DE	RGB 222 194 222	#DEC2DE
33.3%	33.3% #DBB5DA	RGB 219 181 218	#DBB5DA
50.0%	50.0% #D8A7D5	RGB 216 167 213	#D8A7D5
66.7%	66.7% #D59AD0	RGB 213 154 208	#D59AD0
83.3%	83.3% #D28DCA	RGB 210 141 202	#D28DCA
100.0%	100.0% #CF81C5	RGB 207 129 197	#CF81C5

#E2D1E2 #DEC2DE #DBB5DA #D8A7D5 #D59AD0 #D28DCA #CF81C5

#E2D1E2 - #D8A7D5 - #CF81C5

CSS codes

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

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