#DFDF52 - #BAAE17 | 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 #DFDF52 to #BAAE17

#DFDF52 #BAAE17

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

#DFDF52 - #BAAE17 | 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 #DFDF52 as 0% and #BAAE17 as 100%.

0.0%	0.0% #DFDF52	RGB 223 223 82	#DFDF52
16.7%	16.7% #D8D648	RGB 216 214 72	#D8D648
33.3%	33.3% #D2CE3E	RGB 210 206 62	#D2CE3E
50.0%	50.0% #CCC634	RGB 204 198 52	#CCC634
66.7%	66.7% #C6BE2A	RGB 198 190 42	#C6BE2A
83.3%	83.3% #C0B620	RGB 192 182 32	#C0B620
100.0%	100.0% #BAAE17	RGB 186 174 23	#BAAE17

#DFDF52 #D8D648 #D2CE3E #CCC634 #C6BE2A #C0B620 #BAAE17

#DFDF52 - #BAAE17

HSV Blend

#DFDF52 - #BAAE17 | 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 #DFDF52 as 0% and #BAAE17 as 100%.

0.0%	0.0% #DFDF52	RGB 223 223 82	#DFDF52
16.7%	16.7% #D8D746	RGB 216 215 70	#D8D746
33.3%	33.3% #D2CE3C	RGB 210 206 60	#D2CE3C
50.0%	50.0% #CCC632	RGB 204 198 50	#CCC632
66.7%	66.7% #C6BE28	RGB 198 190 40	#C6BE28
83.3%	83.3% #C0B61F	RGB 192 182 31	#C0B61F
100.0%	100.0% #BAAE17	RGB 186 174 23	#BAAE17

#DFDF52 #D8D746 #D2CE3C #CCC632 #C6BE28 #C0B61F #BAAE17

#DFDF52 - #CCC632 - #BAAE17

CSS codes

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

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