#CD9F24 - #9C5E0A | 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 #CD9F24 to #9C5E0A

#CD9F24 #9C5E0A

Calculate the color between two colors, #CD9F24 and #9C5E0A. 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)

#CD9F24 - #9C5E0A | 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 #CD9F24 as 0% and #9C5E0A as 100%.

0.0%	0.0% #CD9F24	RGB 205 159 36	#CD9F24
16.7%	16.7% #C4941F	RGB 196 148 31	#C4941F
33.3%	33.3% #BC891B	RGB 188 137 27	#BC891B
50.0%	50.0% #B47E17	RGB 180 126 23	#B47E17
66.7%	66.7% #AC7312	RGB 172 115 18	#AC7312
83.3%	83.3% #A4680E	RGB 164 104 14	#A4680E
100.0%	100.0% #9C5E0A	RGB 156 94 10	#9C5E0A

#CD9F24 #C4941F #BC891B #B47E17 #AC7312 #A4680E #9C5E0A

#CD9F24 - #9C5E0A

HSV Blend

#CD9F24 - #9C5E0A | 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 #CD9F24 as 0% and #9C5E0A as 100%.

0.0%	0.0% #CD9F24	RGB 205 159 36	#CD9F24
16.7%	16.7% #C4931E	RGB 196 147 30	#C4931E
33.3%	33.3% #BC881A	RGB 188 136 26	#BC881A
50.0%	50.0% #B47D15	RGB 180 125 21	#B47D15
66.7%	66.7% #AC7211	RGB 172 114 17	#AC7211
83.3%	83.3% #A4680D	RGB 164 104 13	#A4680D
100.0%	100.0% #9C5E0A	RGB 156 94 10	#9C5E0A

#CD9F24 #C4931E #BC881A #B47D15 #AC7211 #A4680D #9C5E0A

#CD9F24 - #B47D15 - #9C5E0A

CSS codes

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

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