#CCCFC3 - #EAF2D9 | 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 #CCCFC3 to #EAF2D9

#CCCFC3 #EAF2D9

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

#CCCFC3 - #EAF2D9 | 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 #CCCFC3 as 0% and #EAF2D9 as 100%.

0.0%	0.0% #CCCFC3	RGB 204 207 195	#CCCFC3
16.7%	16.7% #D1D4C6	RGB 209 212 198	#D1D4C6
33.3%	33.3% #D6DACA	RGB 214 218 202	#D6DACA
50.0%	50.0% #DBE0CE	RGB 219 224 206	#DBE0CE
66.7%	66.7% #E0E6D1	RGB 224 230 209	#E0E6D1
83.3%	83.3% #E5ECD5	RGB 229 236 213	#E5ECD5
100.0%	100.0% #EAF2D9	RGB 234 242 217	#EAF2D9

#CCCFC3 #D1D4C6 #D6DACA #DBE0CE #E0E6D1 #E5ECD5 #EAF2D9

#CCCFC3 - #EAF2D9

HSV Blend

#CCCFC3 - #EAF2D9 | 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 #CCCFC3 as 0% and #EAF2D9 as 100%.

0.0%	0.0% #CCCFC3	RGB 204 207 195	#CCCFC3
16.7%	16.7% #D1D4C6	RGB 209 212 198	#D1D4C6
33.3%	33.3% #D6DACA	RGB 214 218 202	#D6DACA
50.0%	50.0% #DBE0CE	RGB 219 224 206	#DBE0CE
66.7%	66.7% #E0E6D2	RGB 224 230 210	#E0E6D2
83.3%	83.3% #E5ECD5	RGB 229 236 213	#E5ECD5
100.0%	100.0% #EAF2D9	RGB 234 242 217	#EAF2D9

#CCCFC3 #D1D4C6 #D6DACA #DBE0CE #E0E6D2 #E5ECD5 #EAF2D9

#CCCFC3 - #DBE0CE - #EAF2D9

CSS codes

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

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