#DAB800 - #8F7A00 | 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 #DAB800 to #8F7A00

#DAB800 #8F7A00

Calculate the color between two colors, #DAB800 and #8F7A00. 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)

#DAB800 - #8F7A00 | 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 #DAB800 as 0% and #8F7A00 as 100%.

0.0%	0.0% #DAB800	RGB 218 184 0	#DAB800
16.7%	16.7% #CDAD00	RGB 205 173 0	#CDAD00
33.3%	33.3% #C1A300	RGB 193 163 0	#C1A300
50.0%	50.0% #B49900	RGB 180 153 0	#B49900
66.7%	66.7% #A88E00	RGB 168 142 0	#A88E00
83.3%	83.3% #9B8400	RGB 155 132 0	#9B8400
100.0%	100.0% #8F7A00	RGB 143 122 0	#8F7A00

#DAB800 #CDAD00 #C1A300 #B49900 #A88E00 #9B8400 #8F7A00

#DAB800 - #8F7A00

HSV Blend

#DAB800 - #8F7A00 | 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 #DAB800 as 0% and #8F7A00 as 100%.

0.0%	0.0% #DAB800	RGB 218 184 0	#DAB800
16.7%	16.7% #CDAD00	RGB 205 173 0	#CDAD00
33.3%	33.3% #C1A300	RGB 193 163 0	#C1A300
50.0%	50.0% #B49900	RGB 180 153 0	#B49900
66.7%	66.7% #A88E00	RGB 168 142 0	#A88E00
83.3%	83.3% #9B8400	RGB 155 132 0	#9B8400
100.0%	100.0% #8F7A00	RGB 143 122 0	#8F7A00

#DAB800 #CDAD00 #C1A300 #B49900 #A88E00 #9B8400 #8F7A00

#DAB800 - #B49900 - #8F7A00

CSS codes

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

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