#CBCDC9 - #DCD5E4 | 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 #CBCDC9 to #DCD5E4

#CBCDC9 #DCD5E4

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

#CBCDC9 - #DCD5E4 | 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 #CBCDC9 as 0% and #DCD5E4 as 100%.

0.0%	0.0% #CBCDC9	RGB 203 205 201	#CBCDC9
16.7%	16.7% #CDCECD	RGB 205 206 205	#CDCECD
33.3%	33.3% #D0CFD2	RGB 208 207 210	#D0CFD2
50.0%	50.0% #D3D1D6	RGB 211 209 214	#D3D1D6
66.7%	66.7% #D6D2DB	RGB 214 210 219	#D6D2DB
83.3%	83.3% #D9D3DF	RGB 217 211 223	#D9D3DF
100.0%	100.0% #DCD5E4	RGB 220 213 228	#DCD5E4

#CBCDC9 #CDCECD #D0CFD2 #D3D1D6 #D6D2DB #D9D3DF #DCD5E4

#CBCDC9 - #DCD5E4

HSV Blend

#CBCDC9 - #DCD5E4 | 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 #CBCDC9 as 0% and #DCD5E4 as 100%.

0.0%	0.0% #CBCDC9	RGB 203 205 201	#CBCDC9
16.7%	16.7% #CBD0CB	RGB 203 208 203	#CBD0CB
33.3%	33.3% #CDD4D0	RGB 205 212 208	#CDD4D0
50.0%	50.0% #CFD8D8	RGB 207 216 216	#CFD8D8
66.7%	66.7% #D1D7DC	RGB 209 215 220	#D1D7DC
83.3%	83.3% #D3D3E0	RGB 211 211 224	#D3D3E0
100.0%	100.0% #DCD5E4	RGB 220 213 228	#DCD5E4

#CBCDC9 #CBD0CB #CDD4D0 #CFD8D8 #D1D7DC #D3D3E0 #DCD5E4

#CBCDC9 - #CFD8D8 - #DCD5E4

CSS codes

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

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