#EFB603 - #8F660B | 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 #EFB603 to #8F660B

#EFB603 #8F660B

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

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

0.0%	0.0% #EFB603	RGB 239 182 3	#EFB603
16.7%	16.7% #DFA804	RGB 223 168 4	#DFA804
33.3%	33.3% #CF9B05	RGB 207 155 5	#CF9B05
50.0%	50.0% #BF8E07	RGB 191 142 7	#BF8E07
66.7%	66.7% #AF8008	RGB 175 128 8	#AF8008
83.3%	83.3% #9F7309	RGB 159 115 9	#9F7309
100.0%	100.0% #8F660B	RGB 143 102 11	#8F660B

#EFB603 #DFA804 #CF9B05 #BF8E07 #AF8008 #9F7309 #8F660B

#EFB603 - #8F660B

HSV Blend

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

0.0%	0.0% #EFB603	RGB 239 182 3	#EFB603
16.7%	16.7% #DFA705	RGB 223 167 5	#DFA705
33.3%	33.3% #CF9A07	RGB 207 154 7	#CF9A07
50.0%	50.0% #BF8C08	RGB 191 140 8	#BF8C08
66.7%	66.7% #AF7F09	RGB 175 127 9	#AF7F09
83.3%	83.3% #9F720A	RGB 159 114 10	#9F720A
100.0%	100.0% #8F660B	RGB 143 102 11	#8F660B

#EFB603 #DFA705 #CF9A07 #BF8C08 #AF7F09 #9F720A #8F660B

#EFB603 - #BF8C08 - #8F660B

CSS codes

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

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