#CDB5A8 - #E4B9D7 | 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 #CDB5A8 to #E4B9D7

#CDB5A8 #E4B9D7

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

#CDB5A8 - #E4B9D7 | 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 #CDB5A8 as 0% and #E4B9D7 as 100%.

0.0%	0.0% #CDB5A8	RGB 205 181 168	#CDB5A8
16.7%	16.7% #D0B5AF	RGB 208 181 175	#D0B5AF
33.3%	33.3% #D4B6B7	RGB 212 182 183	#D4B6B7
50.0%	50.0% #D8B7BF	RGB 216 183 191	#D8B7BF
66.7%	66.7% #DCB7C7	RGB 220 183 199	#DCB7C7
83.3%	83.3% #E0B8CF	RGB 224 184 207	#E0B8CF
100.0%	100.0% #E4B9D7	RGB 228 185 215	#E4B9D7

#CDB5A8 #D0B5AF #D4B6B7 #D8B7BF #DCB7C7 #E0B8CF #E4B9D7

#CDB5A8 - #E4B9D7

HSV Blend

#CDB5A8 - #E4B9D7 | 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 #CDB5A8 as 0% and #E4B9D7 as 100%.

0.0%	0.0% #CDB5A8	RGB 205 181 168	#CDB5A8
16.7%	16.7% #D0B1AA	RGB 208 177 170	#D0B1AA
33.3%	33.3% #D4ADAD	RGB 212 173 173	#D4ADAD
50.0%	50.0% #D8B0B7	RGB 216 176 183	#D8B0B7
66.7%	66.7% #DCB3C1	RGB 220 179 193	#DCB3C1
83.3%	83.3% #E0B6CC	RGB 224 182 204	#E0B6CC
100.0%	100.0% #E4B9D7	RGB 228 185 215	#E4B9D7

#CDB5A8 #D0B1AA #D4ADAD #D8B0B7 #DCB3C1 #E0B6CC #E4B9D7

#CDB5A8 - #D8B0B7 - #E4B9D7

CSS codes

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

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