#CCC9C9 - #EBCFE6 | 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 #CCC9C9 to #EBCFE6

#CCC9C9 #EBCFE6

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

#CCC9C9 - #EBCFE6 | 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 #CCC9C9 as 0% and #EBCFE6 as 100%.

0.0%	0.0% #CCC9C9	RGB 204 201 201	#CCC9C9
16.7%	16.7% #D1CACD	RGB 209 202 205	#D1CACD
33.3%	33.3% #D6CBD2	RGB 214 203 210	#D6CBD2
50.0%	50.0% #DBCCD7	RGB 219 204 215	#DBCCD7
66.7%	66.7% #E0CDDC	RGB 224 205 220	#E0CDDC
83.3%	83.3% #E5CEE1	RGB 229 206 225	#E5CEE1
100.0%	100.0% #EBCFE6	RGB 235 207 230	#EBCFE6

#CCC9C9 #D1CACD #D6CBD2 #DBCCD7 #E0CDDC #E5CEE1 #EBCFE6

#CCC9C9 - #EBCFE6

HSV Blend

#CCC9C9 - #EBCFE6 | 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 #CCC9C9 as 0% and #EBCFE6 as 100%.

0.0%	0.0% #CCC9C9	RGB 204 201 201	#CCC9C9
16.7%	16.7% #D1CACB	RGB 209 202 203	#D1CACB
33.3%	33.3% #D6CBCE	RGB 214 203 206	#D6CBCE
50.0%	50.0% #DBCCD2	RGB 219 204 210	#DBCCD2
66.7%	66.7% #E0CDD8	RGB 224 205 216	#E0CDD8
83.3%	83.3% #E5CEDE	RGB 229 206 222	#E5CEDE
100.0%	100.0% #EBCFE6	RGB 235 207 230	#EBCFE6

#CCC9C9 #D1CACB #D6CBCE #DBCCD2 #E0CDD8 #E5CEDE #EBCFE6

#CCC9C9 - #DBCCD2 - #EBCFE6

CSS codes

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

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