#EDDEC5 - #CBB85E | 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 #EDDEC5 to #CBB85E

#EDDEC5 #CBB85E

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

#EDDEC5 - #CBB85E | 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 #EDDEC5 as 0% and #CBB85E as 100%.

0.0%	0.0% #EDDEC5	RGB 237 222 197	#EDDEC5
16.7%	16.7% #E7D7B3	RGB 231 215 179	#E7D7B3
33.3%	33.3% #E1D1A2	RGB 225 209 162	#E1D1A2
50.0%	50.0% #DCCB91	RGB 220 203 145	#DCCB91
66.7%	66.7% #D6C480	RGB 214 196 128	#D6C480
83.3%	83.3% #D0BE6F	RGB 208 190 111	#D0BE6F
100.0%	100.0% #CBB85E	RGB 203 184 94	#CBB85E

#EDDEC5 #E7D7B3 #E1D1A2 #DCCB91 #D6C480 #D0BE6F #CBB85E

#EDDEC5 - #CBB85E

HSV Blend

#EDDEC5 - #CBB85E | 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 #EDDEC5 as 0% and #CBB85E as 100%.

0.0%	0.0% #EDDEC5	RGB 237 222 197	#EDDEC5
16.7%	16.7% #E7D5B2	RGB 231 213 178	#E7D5B2
33.3%	33.3% #E1CD9F	RGB 225 205 159	#E1CD9F
50.0%	50.0% #DCC68E	RGB 220 198 142	#DCC68E
66.7%	66.7% #D6C07D	RGB 214 192 125	#D6C07D
83.3%	83.3% #D0BC6D	RGB 208 188 109	#D0BC6D
100.0%	100.0% #CBB85E	RGB 203 184 94	#CBB85E

#EDDEC5 #E7D5B2 #E1CD9F #DCC68E #D6C07D #D0BC6D #CBB85E

#EDDEC5 - #DCC68E - #CBB85E

CSS codes

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

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