#CFB5C5 - #D5E3DA | 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 #CFB5C5 to #D5E3DA

#CFB5C5 #D5E3DA

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

#CFB5C5 - #D5E3DA | 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 #CFB5C5 as 0% and #D5E3DA as 100%.

0.0%	0.0% #CFB5C5	RGB 207 181 197	#CFB5C5
16.7%	16.7% #D0BCC8	RGB 208 188 200	#D0BCC8
33.3%	33.3% #D1C4CC	RGB 209 196 204	#D1C4CC
50.0%	50.0% #D2CCCF	RGB 210 204 207	#D2CCCF
66.7%	66.7% #D3D3D3	RGB 211 211 211	#D3D3D3
83.3%	83.3% #D4DBD6	RGB 212 219 214	#D4DBD6
100.0%	100.0% #D5E3DA	RGB 213 227 218	#D5E3DA

#CFB5C5 #D0BCC8 #D1C4CC #D2CCCF #D3D3D3 #D4DBD6 #D5E3DA

#CFB5C5 - #D5E3DA

HSV Blend

#CFB5C5 - #D5E3DA | 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 #CFB5C5 as 0% and #D5E3DA as 100%.

0.0%	0.0% #CFB5C5	RGB 207 181 197	#CFB5C5
16.7%	16.7% #D2BABD	RGB 210 186 189	#D2BABD
33.3%	33.3% #D5C7BF	RGB 213 199 191	#D5C7BF
50.0%	50.0% #D9D6C4	RGB 217 214 196	#D9D6C4
66.7%	66.7% #D5DCCA	RGB 213 220 202	#D5DCCA
83.3%	83.3% #D1DFCF	RGB 209 223 207	#D1DFCF
100.0%	100.0% #D5E3DA	RGB 213 227 218	#D5E3DA

#CFB5C5 #D2BABD #D5C7BF #D9D6C4 #D5DCCA #D1DFCF #D5E3DA

#CFB5C5 - #D9D6C4 - #D5E3DA

CSS codes

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

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