#EAE6EC - #CF9CD8 | 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 #EAE6EC to #CF9CD8

#EAE6EC #CF9CD8

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

#EAE6EC - #CF9CD8 | 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 #EAE6EC as 0% and #CF9CD8 as 100%.

0.0%	0.0% #EAE6EC	RGB 234 230 236	#EAE6EC
16.7%	16.7% #E5D9E8	RGB 229 217 232	#E5D9E8
33.3%	33.3% #E1CDE5	RGB 225 205 229	#E1CDE5
50.0%	50.0% #DCC1E2	RGB 220 193 226	#DCC1E2
66.7%	66.7% #D8B4DE	RGB 216 180 222	#D8B4DE
83.3%	83.3% #D3A8DB	RGB 211 168 219	#D3A8DB
100.0%	100.0% #CF9CD8	RGB 207 156 216	#CF9CD8

#EAE6EC #E5D9E8 #E1CDE5 #DCC1E2 #D8B4DE #D3A8DB #CF9CD8

#EAE6EC - #CF9CD8

HSV Blend

#EAE6EC - #CF9CD8 | 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 #EAE6EC as 0% and #CF9CD8 as 100%.

0.0%	0.0% #EAE6EC	RGB 234 230 236	#EAE6EC
16.7%	16.7% #E3D8E8	RGB 227 216 232	#E3D8E8
33.3%	33.3% #DECCE5	RGB 222 204 229	#DECCE5
50.0%	50.0% #D9BFE2	RGB 217 191 226	#D9BFE2
66.7%	66.7% #D5B3DE	RGB 213 179 222	#D5B3DE
83.3%	83.3% #D1A7DB	RGB 209 167 219	#D1A7DB
100.0%	100.0% #CF9CD8	RGB 207 156 216	#CF9CD8

#EAE6EC #E3D8E8 #DECCE5 #D9BFE2 #D5B3DE #D1A7DB #CF9CD8

#EAE6EC - #D9BFE2 - #CF9CD8

CSS codes

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

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