#DBDB35 - #B2A30E | 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 #DBDB35 to #B2A30E

#DBDB35 #B2A30E

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

#DBDB35 - #B2A30E | 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 #DBDB35 as 0% and #B2A30E as 100%.

0.0%	0.0% #DBDB35	RGB 219 219 53	#DBDB35
16.7%	16.7% #D4D12E	RGB 212 209 46	#D4D12E
33.3%	33.3% #CDC828	RGB 205 200 40	#CDC828
50.0%	50.0% #C6BF21	RGB 198 191 33	#C6BF21
66.7%	66.7% #BFB51B	RGB 191 181 27	#BFB51B
83.3%	83.3% #B8AC14	RGB 184 172 20	#B8AC14
100.0%	100.0% #B2A30E	RGB 178 163 14	#B2A30E

#DBDB35 #D4D12E #CDC828 #C6BF21 #BFB51B #B8AC14 #B2A30E

#DBDB35 - #B2A30E

HSV Blend

#DBDB35 - #B2A30E | 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 #DBDB35 as 0% and #B2A30E as 100%.

0.0%	0.0% #DBDB35	RGB 219 219 53	#DBDB35
16.7%	16.7% #D4D12D	RGB 212 209 45	#D4D12D
33.3%	33.3% #CDC826	RGB 205 200 38	#CDC826
50.0%	50.0% #C6BE1F	RGB 198 190 31	#C6BE1F
66.7%	66.7% #BFB519	RGB 191 181 25	#BFB519
83.3%	83.3% #B8AC13	RGB 184 172 19	#B8AC13
100.0%	100.0% #B2A30E	RGB 178 163 14	#B2A30E

#DBDB35 #D4D12D #CDC826 #C6BE1F #BFB519 #B8AC13 #B2A30E

#DBDB35 - #C6BE1F - #B2A30E

CSS codes

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

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