#D4A849 - #FFDC6C | 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 #D4A849 to #FFDC6C

#D4A849 #FFDC6C

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

#D4A849 - #FFDC6C | 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 #D4A849 as 0% and #FFDC6C as 100%.

0.0%	0.0% #D4A849	RGB 212 168 73	#D4A849
16.7%	16.7% #DBB04E	RGB 219 176 78	#DBB04E
33.3%	33.3% #E2B954	RGB 226 185 84	#E2B954
50.0%	50.0% #E9C25A	RGB 233 194 90	#E9C25A
66.7%	66.7% #F0CA60	RGB 240 202 96	#F0CA60
83.3%	83.3% #F7D366	RGB 247 211 102	#F7D366
100.0%	100.0% #FFDC6C	RGB 255 220 108	#FFDC6C

#D4A849 #DBB04E #E2B954 #E9C25A #F0CA60 #F7D366 #FFDC6C

#D4A849 - #FFDC6C

HSV Blend

#D4A849 - #FFDC6C | 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 #D4A849 as 0% and #FFDC6C as 100%.

0.0%	0.0% #D4A849	RGB 212 168 73	#D4A849
16.7%	16.7% #DBB04E	RGB 219 176 78	#DBB04E
33.3%	33.3% #E2B853	RGB 226 184 83	#E2B853
50.0%	50.0% #E9C159	RGB 233 193 89	#E9C159
66.7%	66.7% #F0CA5F	RGB 240 202 95	#F0CA5F
83.3%	83.3% #F7D365	RGB 247 211 101	#F7D365
100.0%	100.0% #FFDC6C	RGB 255 220 108	#FFDC6C

#D4A849 #DBB04E #E2B853 #E9C159 #F0CA5F #F7D365 #FFDC6C

#D4A849 - #E9C159 - #FFDC6C

CSS codes

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

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