#EEDFDA - #CDA68C | 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 #EEDFDA to #CDA68C

#EEDFDA #CDA68C

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

#EEDFDA - #CDA68C | 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 #EEDFDA as 0% and #CDA68C as 100%.

0.0%	0.0% #EEDFDA	RGB 238 223 218	#EEDFDA
16.7%	16.7% #E8D5CD	RGB 232 213 205	#E8D5CD
33.3%	33.3% #E3CCC0	RGB 227 204 192	#E3CCC0
50.0%	50.0% #DDC2B3	RGB 221 194 179	#DDC2B3
66.7%	66.7% #D8B9A6	RGB 216 185 166	#D8B9A6
83.3%	83.3% #D2AF99	RGB 210 175 153	#D2AF99
100.0%	100.0% #CDA68C	RGB 205 166 140	#CDA68C

#EEDFDA #E8D5CD #E3CCC0 #DDC2B3 #D8B9A6 #D2AF99 #CDA68C

#EEDFDA - #CDA68C

HSV Blend

#EEDFDA - #CDA68C | 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 #EEDFDA as 0% and #CDA68C as 100%.

0.0%	0.0% #EEDFDA	RGB 238 223 218	#EEDFDA
16.7%	16.7% #E8D3CB	RGB 232 211 203	#E8D3CB
33.3%	33.3% #E3C9BE	RGB 227 201 190	#E3C9BE
50.0%	50.0% #DDBFB1	RGB 221 191 177	#DDBFB1
66.7%	66.7% #D8B6A4	RGB 216 182 164	#D8B6A4
83.3%	83.3% #D2AD97	RGB 210 173 151	#D2AD97
100.0%	100.0% #CDA68C	RGB 205 166 140	#CDA68C

#EEDFDA #E8D3CB #E3C9BE #DDBFB1 #D8B6A4 #D2AD97 #CDA68C

#EEDFDA - #DDBFB1 - #CDA68C

CSS codes

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

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