#CCBBC6 - #FFDED2 | 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 #CCBBC6 to #FFDED2

#CCBBC6 #FFDED2

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

#CCBBC6 - #FFDED2 | 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 #CCBBC6 as 0% and #FFDED2 as 100%.

0.0%	0.0% #CCBBC6	RGB 204 187 198	#CCBBC6
16.7%	16.7% #D4C0C8	RGB 212 192 200	#D4C0C8
33.3%	33.3% #DDC6CA	RGB 221 198 202	#DDC6CA
50.0%	50.0% #E5CCCC	RGB 229 204 204	#E5CCCC
66.7%	66.7% #EED2CE	RGB 238 210 206	#EED2CE
83.3%	83.3% #F6D8D0	RGB 246 216 208	#F6D8D0
100.0%	100.0% #FFDED2	RGB 255 222 210	#FFDED2

#CCBBC6 #D4C0C8 #DDC6CA #E5CCCC #EED2CE #F6D8D0 #FFDED2

#CCBBC6 - #FFDED2

HSV Blend

#CCBBC6 - #FFDED2 | 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 #CCBBC6 as 0% and #FFDED2 as 100%.

0.0%	0.0% #CCBBC6	RGB 204 187 198	#CCBBC6
16.7%	16.7% #D4BFC9	RGB 212 191 201	#D4BFC9
33.3%	33.3% #DDC3CC	RGB 221 195 204	#DDC3CC
50.0%	50.0% #E5C7CD	RGB 229 199 205	#E5C7CD
66.7%	66.7% #EECBCC	RGB 238 203 204	#EECBCC
83.3%	83.3% #F6D3CE	RGB 246 211 206	#F6D3CE
100.0%	100.0% #FFDED2	RGB 255 222 210	#FFDED2

#CCBBC6 #D4BFC9 #DDC3CC #E5C7CD #EECBCC #F6D3CE #FFDED2

#CCBBC6 - #E5C7CD - #FFDED2

CSS codes

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

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