#D4D36B - #ADA123 | 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 #D4D36B to #ADA123

#D4D36B #ADA123

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

#D4D36B - #ADA123 | 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 #D4D36B as 0% and #ADA123 as 100%.

0.0%	0.0% #D4D36B	RGB 212 211 107	#D4D36B
16.7%	16.7% #CDCA5F	RGB 205 202 95	#CDCA5F
33.3%	33.3% #C7C253	RGB 199 194 83	#C7C253
50.0%	50.0% #C0BA47	RGB 192 186 71	#C0BA47
66.7%	66.7% #BAB13B	RGB 186 177 59	#BAB13B
83.3%	83.3% #B3A92F	RGB 179 169 47	#B3A92F
100.0%	100.0% #ADA123	RGB 173 161 35	#ADA123

#D4D36B #CDCA5F #C7C253 #C0BA47 #BAB13B #B3A92F #ADA123

#D4D36B - #ADA123

HSV Blend

#D4D36B - #ADA123 | 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 #D4D36B as 0% and #ADA123 as 100%.

0.0%	0.0% #D4D36B	RGB 212 211 107	#D4D36B
16.7%	16.7% #CDCA5D	RGB 205 202 93	#CDCA5D
33.3%	33.3% #C7C250	RGB 199 194 80	#C7C250
50.0%	50.0% #C0BA44	RGB 192 186 68	#C0BA44
66.7%	66.7% #BAB238	RGB 186 178 56	#BAB238
83.3%	83.3% #B3A92D	RGB 179 169 45	#B3A92D
100.0%	100.0% #ADA123	RGB 173 161 35	#ADA123

#D4D36B #CDCA5D #C7C250 #C0BA44 #BAB238 #B3A92D #ADA123

#D4D36B - #C0BA44 - #ADA123

CSS codes

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

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