#CFCCA8 - #D2D2D5 | 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 #CFCCA8 to #D2D2D5

#CFCCA8 #D2D2D5

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

#CFCCA8 - #D2D2D5 | 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 #CFCCA8 as 0% and #D2D2D5 as 100%.

0.0%	0.0% #CFCCA8	RGB 207 204 168	#CFCCA8
16.7%	16.7% #CFCDAF	RGB 207 205 175	#CFCDAF
33.3%	33.3% #D0CEB7	RGB 208 206 183	#D0CEB7
50.0%	50.0% #D0CFBE	RGB 208 207 190	#D0CFBE
66.7%	66.7% #D1D0C6	RGB 209 208 198	#D1D0C6
83.3%	83.3% #D1D1CD	RGB 209 209 205	#D1D1CD
100.0%	100.0% #D2D2D5	RGB 210 210 213	#D2D2D5

#CFCCA8 #CFCDAF #D0CEB7 #D0CFBE #D1D0C6 #D1D1CD #D2D2D5

#CFCCA8 - #D2D2D5

HSV Blend

#CFCCA8 - #D2D2D5 | 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 #CFCCA8 as 0% and #D2D2D5 as 100%.

0.0%	0.0% #CFCCA8	RGB 207 204 168	#CFCCA8
16.7%	16.7% #D0BDAE	RGB 208 189 174	#D0BDAE
33.3%	33.3% #D1B5B7	RGB 209 181 183	#D1B5B7
50.0%	50.0% #D2BCC8	RGB 210 188 200	#D2BCC8
66.7%	66.7% #D2C3D3	RGB 210 195 211	#D2C3D3
83.3%	83.3% #CFCAD4	RGB 207 202 212	#CFCAD4
100.0%	100.0% #D2D2D5	RGB 210 210 213	#D2D2D5

#CFCCA8 #D0BDAE #D1B5B7 #D2BCC8 #D2C3D3 #CFCAD4 #D2D2D5

#CFCCA8 - #D2BCC8 - #D2D2D5

CSS codes

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

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