#DBDB15 - #AD9B0B | 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 #DBDB15 to #AD9B0B

#DBDB15 #AD9B0B

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

#DBDB15 - #AD9B0B | 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 #DBDB15 as 0% and #AD9B0B as 100%.

0.0%	0.0% #DBDB15	RGB 219 219 21	#DBDB15
16.7%	16.7% #D3D013	RGB 211 208 19	#D3D013
33.3%	33.3% #CBC511	RGB 203 197 17	#CBC511
50.0%	50.0% #C4BB10	RGB 196 187 16	#C4BB10
66.7%	66.7% #BCB00E	RGB 188 176 14	#BCB00E
83.3%	83.3% #B4A50C	RGB 180 165 12	#B4A50C
100.0%	100.0% #AD9B0B	RGB 173 155 11	#AD9B0B

#DBDB15 #D3D013 #CBC511 #C4BB10 #BCB00E #B4A50C #AD9B0B

#DBDB15 - #AD9B0B

HSV Blend

#DBDB15 - #AD9B0B | 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 #DBDB15 as 0% and #AD9B0B as 100%.

0.0%	0.0% #DBDB15	RGB 219 219 21	#DBDB15
16.7%	16.7% #D3CF13	RGB 211 207 19	#D3CF13
33.3%	33.3% #CBC411	RGB 203 196 17	#CBC411
50.0%	50.0% #C4B90F	RGB 196 185 15	#C4B90F
66.7%	66.7% #BCAF0E	RGB 188 175 14	#BCAF0E
83.3%	83.3% #B4A50C	RGB 180 165 12	#B4A50C
100.0%	100.0% #AD9B0B	RGB 173 155 11	#AD9B0B

#DBDB15 #D3CF13 #CBC411 #C4B90F #BCAF0E #B4A50C #AD9B0B

#DBDB15 - #C4B90F - #AD9B0B

CSS codes

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

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