#EFE2DB - #CD9D8D | 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 #EFE2DB to #CD9D8D

#EFE2DB #CD9D8D

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

#EFE2DB - #CD9D8D | 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 #EFE2DB as 0% and #CD9D8D as 100%.

0.0%	0.0% #EFE2DB	RGB 239 226 219	#EFE2DB
16.7%	16.7% #E9D6CE	RGB 233 214 206	#E9D6CE
33.3%	33.3% #E3CBC1	RGB 227 203 193	#E3CBC1
50.0%	50.0% #DEBFB4	RGB 222 191 180	#DEBFB4
66.7%	66.7% #D8B4A7	RGB 216 180 167	#D8B4A7
83.3%	83.3% #D2A89A	RGB 210 168 154	#D2A89A
100.0%	100.0% #CD9D8D	RGB 205 157 141	#CD9D8D

#EFE2DB #E9D6CE #E3CBC1 #DEBFB4 #D8B4A7 #D2A89A #CD9D8D

#EFE2DB - #CD9D8D

HSV Blend

#EFE2DB - #CD9D8D | 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 #EFE2DB as 0% and #CD9D8D as 100%.

0.0%	0.0% #EFE2DB	RGB 239 226 219	#EFE2DB
16.7%	16.7% #E9D6CC	RGB 233 214 204	#E9D6CC
33.3%	33.3% #E3CABF	RGB 227 202 191	#E3CABF
50.0%	50.0% #DEBFB2	RGB 222 191 178	#DEBFB2
66.7%	66.7% #D8B3A5	RGB 216 179 165	#D8B3A5
83.3%	83.3% #D2A898	RGB 210 168 152	#D2A898
100.0%	100.0% #CD9D8D	RGB 205 157 141	#CD9D8D

#EFE2DB #E9D6CC #E3CABF #DEBFB2 #D8B3A5 #D2A898 #CD9D8D

#EFE2DB - #DEBFB2 - #CD9D8D

CSS codes

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

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