#EFDF8D - #D4AF39 | 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 #EFDF8D to #D4AF39

#EFDF8D #D4AF39

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

#EFDF8D - #D4AF39 | 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 #EFDF8D as 0% and #D4AF39 as 100%.

0.0%	0.0% #EFDF8D	RGB 239 223 141	#EFDF8D
16.7%	16.7% #EAD77F	RGB 234 215 127	#EAD77F
33.3%	33.3% #E6CF71	RGB 230 207 113	#E6CF71
50.0%	50.0% #E1C763	RGB 225 199 99	#E1C763
66.7%	66.7% #DDBF55	RGB 221 191 85	#DDBF55
83.3%	83.3% #D8B747	RGB 216 183 71	#D8B747
100.0%	100.0% #D4AF39	RGB 212 175 57	#D4AF39

#EFDF8D #EAD77F #E6CF71 #E1C763 #DDBF55 #D8B747 #D4AF39

#EFDF8D - #D4AF39

HSV Blend

#EFDF8D - #D4AF39 | 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 #EFDF8D as 0% and #D4AF39 as 100%.

0.0%	0.0% #EFDF8D	RGB 239 223 141	#EFDF8D
16.7%	16.7% #EAD77D	RGB 234 215 125	#EAD77D
33.3%	33.3% #E6CF6F	RGB 230 207 111	#E6CF6F
50.0%	50.0% #E1C760	RGB 225 199 96	#E1C760
66.7%	66.7% #DDBF53	RGB 221 191 83	#DDBF53
83.3%	83.3% #D8B745	RGB 216 183 69	#D8B745
100.0%	100.0% #D4AF39	RGB 212 175 57	#D4AF39

#EFDF8D #EAD77D #E6CF6F #E1C760 #DDBF53 #D8B745 #D4AF39

#EFDF8D - #E1C760 - #D4AF39

CSS codes

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

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