#CFCBB5 - #D5D5E3 | 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 #CFCBB5 to #D5D5E3

#CFCBB5 #D5D5E3

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

#CFCBB5 - #D5D5E3 | 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 #CFCBB5 as 0% and #D5D5E3 as 100%.

0.0%	0.0% #CFCBB5	RGB 207 203 181	#CFCBB5
16.7%	16.7% #D0CCBC	RGB 208 204 188	#D0CCBC
33.3%	33.3% #D1CEC4	RGB 209 206 196	#D1CEC4
50.0%	50.0% #D2D0CC	RGB 210 208 204	#D2D0CC
66.7%	66.7% #D3D1D3	RGB 211 209 211	#D3D1D3
83.3%	83.3% #D4D3DB	RGB 212 211 219	#D4D3DB
100.0%	100.0% #D5D5E3	RGB 213 213 227	#D5D5E3

#CFCBB5 #D0CCBC #D1CEC4 #D2D0CC #D3D1D3 #D4D3DB #D5D5E3

#CFCBB5 - #D5D5E3

HSV Blend

#CFCBB5 - #D5D5E3 | 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 #CFCBB5 as 0% and #D5D5E3 as 100%.

0.0%	0.0% #CFCBB5	RGB 207 203 181	#CFCBB5
16.7%	16.7% #D2C3BA	RGB 210 195 186	#D2C3BA
33.3%	33.3% #D5BFC1	RGB 213 191 193	#D5BFC1
50.0%	50.0% #D9C4D0	RGB 217 196 208	#D9C4D0
66.7%	66.7% #DBCADC	RGB 219 202 220	#DBCADC
83.3%	83.3% #D7CFDF	RGB 215 207 223	#D7CFDF
100.0%	100.0% #D5D5E3	RGB 213 213 227	#D5D5E3

#CFCBB5 #D2C3BA #D5BFC1 #D9C4D0 #DBCADC #D7CFDF #D5D5E3

#CFCBB5 - #D9C4D0 - #D5D5E3

CSS codes

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

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