#C3CEC8 - #EAC8FF | 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 #C3CEC8 to #EAC8FF

#C3CEC8 #EAC8FF

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

#C3CEC8 - #EAC8FF | 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 #C3CEC8 as 0% and #EAC8FF as 100%.

0.0%	0.0% #C3CEC8	RGB 195 206 200	#C3CEC8
16.7%	16.7% #C9CDD1	RGB 201 205 209	#C9CDD1
33.3%	33.3% #D0CCDA	RGB 208 204 218	#D0CCDA
50.0%	50.0% #D6CBE3	RGB 214 203 227	#D6CBE3
66.7%	66.7% #DDCAEC	RGB 221 202 236	#DDCAEC
83.3%	83.3% #E3C9F5	RGB 227 201 245	#E3C9F5
100.0%	100.0% #EAC8FF	RGB 234 200 255	#EAC8FF

#C3CEC8 #C9CDD1 #D0CCDA #D6CBE3 #DDCAEC #E3C9F5 #EAC8FF

#C3CEC8 - #EAC8FF

HSV Blend

#C3CEC8 - #EAC8FF | 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 #C3CEC8 as 0% and #EAC8FF as 100%.

0.0%	0.0% #C3CEC8	RGB 195 206 200	#C3CEC8
16.7%	16.7% #C4D6D2	RGB 196 214 210	#C4D6D2
33.3%	33.3% #C6DADE	RGB 198 218 222	#C6DADE
50.0%	50.0% #C7D5E6	RGB 199 213 230	#C7D5E6
66.7%	66.7% #C8CCEE	RGB 200 204 238	#C8CCEE
83.3%	83.3% #D4C8F6	RGB 212 200 246	#D4C8F6
100.0%	100.0% #EAC8FF	RGB 234 200 255	#EAC8FF

#C3CEC8 #C4D6D2 #C6DADE #C7D5E6 #C8CCEE #D4C8F6 #EAC8FF

#C3CEC8 - #C7D5E6 - #EAC8FF

CSS codes

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

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