#EAE7EE - #C79EDE | 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 #EAE7EE to #C79EDE

#EAE7EE #C79EDE

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

#EAE7EE - #C79EDE | 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 #EAE7EE as 0% and #C79EDE as 100%.

0.0%	0.0% #EAE7EE	RGB 234 231 238	#EAE7EE
16.7%	16.7% #E4DAEB	RGB 228 218 235	#E4DAEB
33.3%	33.3% #DECEE8	RGB 222 206 232	#DECEE8
50.0%	50.0% #D8C2E6	RGB 216 194 230	#D8C2E6
66.7%	66.7% #D2B6E3	RGB 210 182 227	#D2B6E3
83.3%	83.3% #CCAAE0	RGB 204 170 224	#CCAAE0
100.0%	100.0% #C79EDE	RGB 199 158 222	#C79EDE

#EAE7EE #E4DAEB #DECEE8 #D8C2E6 #D2B6E3 #CCAAE0 #C79EDE

#EAE7EE - #C79EDE

HSV Blend

#EAE7EE - #C79EDE | 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 #EAE7EE as 0% and #C79EDE as 100%.

0.0%	0.0% #EAE7EE	RGB 234 231 238	#EAE7EE
16.7%	16.7% #E2DAEB	RGB 226 218 235	#E2DAEB
33.3%	33.3% #DBCDE8	RGB 219 205 232	#DBCDE8
50.0%	50.0% #D4C1E6	RGB 212 193 230	#D4C1E6
66.7%	66.7% #CFB5E3	RGB 207 181 227	#CFB5E3
83.3%	83.3% #CAA9E0	RGB 202 169 224	#CAA9E0
100.0%	100.0% #C79EDE	RGB 199 158 222	#C79EDE

#EAE7EE #E2DAEB #DBCDE8 #D4C1E6 #CFB5E3 #CAA9E0 #C79EDE

#EAE7EE - #D4C1E6 - #C79EDE

CSS codes

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

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