#DFD36D - #BD9F24 | 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 #DFD36D to #BD9F24

#DFD36D #BD9F24

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

#DFD36D - #BD9F24 | 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 #DFD36D as 0% and #BD9F24 as 100%.

0.0%	0.0% #DFD36D	RGB 223 211 109	#DFD36D
16.7%	16.7% #D9CA60	RGB 217 202 96	#D9CA60
33.3%	33.3% #D3C154	RGB 211 193 84	#D3C154
50.0%	50.0% #CEB948	RGB 206 185 72	#CEB948
66.7%	66.7% #C8B03C	RGB 200 176 60	#C8B03C
83.3%	83.3% #C2A730	RGB 194 167 48	#C2A730
100.0%	100.0% #BD9F24	RGB 189 159 36	#BD9F24

#DFD36D #D9CA60 #D3C154 #CEB948 #C8B03C #C2A730 #BD9F24

#DFD36D - #BD9F24

HSV Blend

#DFD36D - #BD9F24 | 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 #DFD36D as 0% and #BD9F24 as 100%.

0.0%	0.0% #DFD36D	RGB 223 211 109	#DFD36D
16.7%	16.7% #D9CA5F	RGB 217 202 95	#D9CA5F
33.3%	33.3% #D3C252	RGB 211 194 82	#D3C252
50.0%	50.0% #CEB945	RGB 206 185 69	#CEB945
66.7%	66.7% #C8B03A	RGB 200 176 58	#C8B03A
83.3%	83.3% #C2A72E	RGB 194 167 46	#C2A72E
100.0%	100.0% #BD9F24	RGB 189 159 36	#BD9F24

#DFD36D #D9CA5F #D3C252 #CEB945 #C8B03A #C2A72E #BD9F24

#DFD36D - #CEB945 - #BD9F24

CSS codes

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

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