#CFCACB - #D8E5E4 | 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 #CFCACB to #D8E5E4

#CFCACB #D8E5E4

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

#CFCACB - #D8E5E4 | 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 #CFCACB as 0% and #D8E5E4 as 100%.

0.0%	0.0% #CFCACB	RGB 207 202 203	#CFCACB
16.7%	16.7% #D0CECF	RGB 208 206 207	#D0CECF
33.3%	33.3% #D2D3D3	RGB 210 211 211	#D2D3D3
50.0%	50.0% #D3D7D7	RGB 211 215 215	#D3D7D7
66.7%	66.7% #D5DCDB	RGB 213 220 219	#D5DCDB
83.3%	83.3% #D6E0DF	RGB 214 224 223	#D6E0DF
100.0%	100.0% #D8E5E4	RGB 216 229 228	#D8E5E4

#CFCACB #D0CECF #D2D3D3 #D3D7D7 #D5DCDB #D6E0DF #D8E5E4

#CFCACB - #D8E5E4

HSV Blend

#CFCACB - #D8E5E4 | 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 #CFCACB as 0% and #D8E5E4 as 100%.

0.0%	0.0% #CFCACB	RGB 207 202 203	#CFCACB
16.7%	16.7% #D2CCD0	RGB 210 204 208	#D2CCD0
33.3%	33.3% #D5CED6	RGB 213 206 214	#D5CED6
50.0%	50.0% #D4D1DA	RGB 212 209 218	#D4D1DA
66.7%	66.7% #D3D4DD	RGB 211 212 221	#D3D4DD
83.3%	83.3% #D5DCE1	RGB 213 220 225	#D5DCE1
100.0%	100.0% #D8E5E4	RGB 216 229 228	#D8E5E4

#CFCACB #D2CCD0 #D5CED6 #D4D1DA #D3D4DD #D5DCE1 #D8E5E4

#CFCACB - #D4D1DA - #D8E5E4

CSS codes

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

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