#CFD9D4 - #CBE9D3 | 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 #CFD9D4 to #CBE9D3

#CFD9D4 #CBE9D3

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

#CFD9D4 - #CBE9D3 | 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 #CFD9D4 as 0% and #CBE9D3 as 100%.

0.0%	0.0% #CFD9D4	RGB 207 217 212	#CFD9D4
16.7%	16.7% #CEDBD3	RGB 206 219 211	#CEDBD3
33.3%	33.3% #CDDED3	RGB 205 222 211	#CDDED3
50.0%	50.0% #CDE1D3	RGB 205 225 211	#CDE1D3
66.7%	66.7% #CCE3D3	RGB 204 227 211	#CCE3D3
83.3%	83.3% #CBE6D3	RGB 203 230 211	#CBE6D3
100.0%	100.0% #CBE9D3	RGB 203 233 211	#CBE9D3

#CFD9D4 #CEDBD3 #CDDED3 #CDE1D3 #CCE3D3 #CBE6D3 #CBE9D3

#CFD9D4 - #CBE9D3

HSV Blend

#CFD9D4 - #CBE9D3 | 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 #CFD9D4 as 0% and #CBE9D3 as 100%.

0.0%	0.0% #CFD9D4	RGB 207 217 212	#CFD9D4
16.7%	16.7% #CEDBD4	RGB 206 219 212	#CEDBD4
33.3%	33.3% #CDDED4	RGB 205 222 212	#CDDED4
50.0%	50.0% #CDE1D4	RGB 205 225 212	#CDE1D4
66.7%	66.7% #CCE3D4	RGB 204 227 212	#CCE3D4
83.3%	83.3% #CBE6D3	RGB 203 230 211	#CBE6D3
100.0%	100.0% #CBE9D3	RGB 203 233 211	#CBE9D3

#CFD9D4 #CEDBD4 #CDDED4 #CDE1D4 #CCE3D4 #CBE6D3 #CBE9D3

#CFD9D4 - #CDE1D4 - #CBE9D3

CSS codes

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

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