#EEDC9F - #D4A949 | 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 #EEDC9F to #D4A949

#EEDC9F #D4A949

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

#EEDC9F - #D4A949 | 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 #EEDC9F as 0% and #D4A949 as 100%.

0.0%	0.0% #EEDC9F	RGB 238 220 159	#EEDC9F
16.7%	16.7% #E9D390	RGB 233 211 144	#E9D390
33.3%	33.3% #E5CB82	RGB 229 203 130	#E5CB82
50.0%	50.0% #E1C274	RGB 225 194 116	#E1C274
66.7%	66.7% #DCBA65	RGB 220 186 101	#DCBA65
83.3%	83.3% #D8B157	RGB 216 177 87	#D8B157
100.0%	100.0% #D4A949	RGB 212 169 73	#D4A949

#EEDC9F #E9D390 #E5CB82 #E1C274 #DCBA65 #D8B157 #D4A949

#EEDC9F - #D4A949

HSV Blend

#EEDC9F - #D4A949 | 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 #EEDC9F as 0% and #D4A949 as 100%.

0.0%	0.0% #EEDC9F	RGB 238 220 159	#EEDC9F
16.7%	16.7% #E9D38F	RGB 233 211 143	#E9D38F
33.3%	33.3% #E5CB80	RGB 229 203 128	#E5CB80
50.0%	50.0% #E1C371	RGB 225 195 113	#E1C371
66.7%	66.7% #DCBA63	RGB 220 186 99	#DCBA63
83.3%	83.3% #D8B156	RGB 216 177 86	#D8B156
100.0%	100.0% #D4A949	RGB 212 169 73	#D4A949

#EEDC9F #E9D38F #E5CB80 #E1C371 #DCBA63 #D8B156 #D4A949

#EEDC9F - #E1C371 - #D4A949

CSS codes

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

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