#D6BB64 - #E3CAA8 | 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 #D6BB64 to #E3CAA8

#D6BB64 #E3CAA8

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

#D6BB64 - #E3CAA8 | 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 #D6BB64 as 0% and #E3CAA8 as 100%.

0.0%	0.0% #D6BB64	RGB 214 187 100	#D6BB64
16.7%	16.7% #D8BD6F	RGB 216 189 111	#D8BD6F
33.3%	33.3% #DAC07A	RGB 218 192 122	#DAC07A
50.0%	50.0% #DCC286	RGB 220 194 134	#DCC286
66.7%	66.7% #DEC591	RGB 222 197 145	#DEC591
83.3%	83.3% #E0C79C	RGB 224 199 156	#E0C79C
100.0%	100.0% #E3CAA8	RGB 227 202 168	#E3CAA8

#D6BB64 #D8BD6F #DAC07A #DCC286 #DEC591 #E0C79C #E3CAA8

#D6BB64 - #E3CAA8

HSV Blend

#D6BB64 - #E3CAA8 | 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 #D6BB64 as 0% and #E3CAA8 as 100%.

0.0%	0.0% #D6BB64	RGB 214 187 100	#D6BB64
16.7%	16.7% #D8BB6E	RGB 216 187 110	#D8BB6E
33.3%	33.3% #DABD79	RGB 218 189 121	#DABD79
50.0%	50.0% #DCBF85	RGB 220 191 133	#DCBF85
66.7%	66.7% #DEC290	RGB 222 194 144	#DEC290
83.3%	83.3% #E0C59C	RGB 224 197 156	#E0C59C
100.0%	100.0% #E3CAA8	RGB 227 202 168	#E3CAA8

#D6BB64 #D8BB6E #DABD79 #DCBF85 #DEC290 #E0C59C #E3CAA8

#D6BB64 - #DCBF85 - #E3CAA8

CSS codes

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

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