#CCC8C4 - #EBCCD3 | 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 #CCC8C4 to #EBCCD3

#CCC8C4 #EBCCD3

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

#CCC8C4 - #EBCCD3 | 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 #CCC8C4 as 0% and #EBCCD3 as 100%.

0.0%	0.0% #CCC8C4	RGB 204 200 196	#CCC8C4
16.7%	16.7% #D1C8C6	RGB 209 200 198	#D1C8C6
33.3%	33.3% #D6C9C9	RGB 214 201 201	#D6C9C9
50.0%	50.0% #DBCACB	RGB 219 202 203	#DBCACB
66.7%	66.7% #E0CACE	RGB 224 202 206	#E0CACE
83.3%	83.3% #E5CBD0	RGB 229 203 208	#E5CBD0
100.0%	100.0% #EBCCD3	RGB 235 204 211	#EBCCD3

#CCC8C4 #D1C8C6 #D6C9C9 #DBCACB #E0CACE #E5CBD0 #EBCCD3

#CCC8C4 - #EBCCD3

HSV Blend

#CCC8C4 - #EBCCD3 | 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 #CCC8C4 as 0% and #EBCCD3 as 100%.

0.0%	0.0% #CCC8C4	RGB 204 200 196	#CCC8C4
16.7%	16.7% #D1CAC5	RGB 209 202 197	#D1CAC5
33.3%	33.3% #D6CBC7	RGB 214 203 199	#D6CBC7
50.0%	50.0% #DBCBC8	RGB 219 203 200	#DBCBC8
66.7%	66.7% #E0CAC9	RGB 224 202 201	#E0CAC9
83.3%	83.3% #E5CBCD	RGB 229 203 205	#E5CBCD
100.0%	100.0% #EBCCD3	RGB 235 204 211	#EBCCD3

#CCC8C4 #D1CAC5 #D6CBC7 #DBCBC8 #E0CAC9 #E5CBCD #EBCCD3

#CCC8C4 - #DBCBC8 - #EBCCD3

CSS codes

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

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