#EADDB6 - #CDA960 | 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 #EADDB6 to #CDA960

#EADDB6 #CDA960

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

#EADDB6 - #CDA960 | 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 #EADDB6 as 0% and #CDA960 as 100%.

0.0%	0.0% #EADDB6	RGB 234 221 182	#EADDB6
16.7%	16.7% #E5D4A7	RGB 229 212 167	#E5D4A7
33.3%	33.3% #E0CB99	RGB 224 203 153	#E0CB99
50.0%	50.0% #DBC38B	RGB 219 195 139	#DBC38B
66.7%	66.7% #D6BA7C	RGB 214 186 124	#D6BA7C
83.3%	83.3% #D1B16E	RGB 209 177 110	#D1B16E
100.0%	100.0% #CDA960	RGB 205 169 96	#CDA960

#EADDB6 #E5D4A7 #E0CB99 #DBC38B #D6BA7C #D1B16E #CDA960

#EADDB6 - #CDA960

HSV Blend

#EADDB6 - #CDA960 | 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 #EADDB6 as 0% and #CDA960 as 100%.

0.0%	0.0% #EADDB6	RGB 234 221 182	#EADDB6
16.7%	16.7% #E5D4A6	RGB 229 212 166	#E5D4A6
33.3%	33.3% #E0CC97	RGB 224 204 151	#E0CC97
50.0%	50.0% #DBC388	RGB 219 195 136	#DBC388
66.7%	66.7% #D6BA7A	RGB 214 186 122	#D6BA7A
83.3%	83.3% #D1B16D	RGB 209 177 109	#D1B16D
100.0%	100.0% #CDA960	RGB 205 169 96	#CDA960

#EADDB6 #E5D4A6 #E0CC97 #DBC388 #D6BA7A #D1B16D #CDA960

#EADDB6 - #DBC388 - #CDA960

CSS codes

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

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