#EEECA8 - #D9CD51 | 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 #EEECA8 to #D9CD51

#EEECA8 #D9CD51

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

#EEECA8 - #D9CD51 | 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 #EEECA8 as 0% and #D9CD51 as 100%.

0.0%	0.0% #EEECA8	RGB 238 236 168	#EEECA8
16.7%	16.7% #EAE699	RGB 234 230 153	#EAE699
33.3%	33.3% #E7E18B	RGB 231 225 139	#E7E18B
50.0%	50.0% #E3DC7C	RGB 227 220 124	#E3DC7C
66.7%	66.7% #E0D76E	RGB 224 215 110	#E0D76E
83.3%	83.3% #DCD25F	RGB 220 210 95	#DCD25F
100.0%	100.0% #D9CD51	RGB 217 205 81	#D9CD51

#EEECA8 #EAE699 #E7E18B #E3DC7C #E0D76E #DCD25F #D9CD51

#EEECA8 - #D9CD51

HSV Blend

#EEECA8 - #D9CD51 | 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 #EEECA8 as 0% and #D9CD51 as 100%.

0.0%	0.0% #EEECA8	RGB 238 236 168	#EEECA8
16.7%	16.7% #EAE798	RGB 234 231 152	#EAE798
33.3%	33.3% #E7E289	RGB 231 226 137	#E7E289
50.0%	50.0% #E3DD7A	RGB 227 221 122	#E3DD7A
66.7%	66.7% #E0D86C	RGB 224 216 108	#E0D86C
83.3%	83.3% #DCD25E	RGB 220 210 94	#DCD25E
100.0%	100.0% #D9CD51	RGB 217 205 81	#D9CD51

#EEECA8 #EAE798 #E7E289 #E3DD7A #E0D86C #DCD25E #D9CD51

#EEECA8 - #E3DD7A - #D9CD51

CSS codes

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

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