#EAE4EC - #CF9AD7 | 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 #EAE4EC to #CF9AD7

#EAE4EC #CF9AD7

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

#EAE4EC - #CF9AD7 | 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 #EAE4EC as 0% and #CF9AD7 as 100%.

0.0%	0.0% #EAE4EC	RGB 234 228 236	#EAE4EC
16.7%	16.7% #E5D7E8	RGB 229 215 232	#E5D7E8
33.3%	33.3% #E1CBE5	RGB 225 203 229	#E1CBE5
50.0%	50.0% #DCBFE1	RGB 220 191 225	#DCBFE1
66.7%	66.7% #D8B2DE	RGB 216 178 222	#D8B2DE
83.3%	83.3% #D3A6DA	RGB 211 166 218	#D3A6DA
100.0%	100.0% #CF9AD7	RGB 207 154 215	#CF9AD7

#EAE4EC #E5D7E8 #E1CBE5 #DCBFE1 #D8B2DE #D3A6DA #CF9AD7

#EAE4EC - #CF9AD7

HSV Blend

#EAE4EC - #CF9AD7 | 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 #EAE4EC as 0% and #CF9AD7 as 100%.

0.0%	0.0% #EAE4EC	RGB 234 228 236	#EAE4EC
16.7%	16.7% #E4D6E8	RGB 228 214 232	#E4D6E8
33.3%	33.3% #DFCAE5	RGB 223 202 229	#DFCAE5
50.0%	50.0% #DABDE1	RGB 218 189 225	#DABDE1
66.7%	66.7% #D6B1DE	RGB 214 177 222	#D6B1DE
83.3%	83.3% #D2A5DA	RGB 210 165 218	#D2A5DA
100.0%	100.0% #CF9AD7	RGB 207 154 215	#CF9AD7

#EAE4EC #E4D6E8 #DFCAE5 #DABDE1 #D6B1DE #D2A5DA #CF9AD7

#EAE4EC - #DABDE1 - #CF9AD7

CSS codes

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

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