#C97A00 - #392200 | 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 #C97A00 to #392200

#C97A00 #392200

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

#C97A00 - #392200 | 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 #C97A00 as 0% and #392200 as 100%.

0.0%	0.0% #C97A00	RGB 201 122 0	#C97A00
16.7%	16.7% #B16B00	RGB 177 107 0	#B16B00
33.3%	33.3% #995C00	RGB 153 92 0	#995C00
50.0%	50.0% #814E00	RGB 129 78 0	#814E00
66.7%	66.7% #693F00	RGB 105 63 0	#693F00
83.3%	83.3% #513000	RGB 81 48 0	#513000
100.0%	100.0% #392200	RGB 57 34 0	#392200

#C97A00 #B16B00 #995C00 #814E00 #693F00 #513000 #392200

#C97A00 - #392200

HSV Blend

#C97A00 - #392200 | 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 #C97A00 as 0% and #392200 as 100%.

0.0%	0.0% #C97A00	RGB 201 122 0	#C97A00
16.7%	16.7% #B16B00	RGB 177 107 0	#B16B00
33.3%	33.3% #995C00	RGB 153 92 0	#995C00
50.0%	50.0% #814D00	RGB 129 77 0	#814D00
66.7%	66.7% #693E00	RGB 105 62 0	#693E00
83.3%	83.3% #513000	RGB 81 48 0	#513000
100.0%	100.0% #392200	RGB 57 34 0	#392200

#C97A00 #B16B00 #995C00 #814D00 #693E00 #513000 #392200

#C97A00 - #814D00 - #392200

CSS codes

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

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