#C97A2D - #39220C | 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 #C97A2D to #39220C

#C97A2D #39220C

Calculate the color between two colors, #C97A2D and #39220C. 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)

#C97A2D - #39220C | 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 #C97A2D as 0% and #39220C as 100%.

0.0%	0.0% #C97A2D	RGB 201 122 45	#C97A2D
16.7%	16.7% #B16B27	RGB 177 107 39	#B16B27
33.3%	33.3% #995C22	RGB 153 92 34	#995C22
50.0%	50.0% #814E1C	RGB 129 78 28	#814E1C
66.7%	66.7% #693F17	RGB 105 63 23	#693F17
83.3%	83.3% #513011	RGB 81 48 17	#513011
100.0%	100.0% #39220C	RGB 57 34 12	#39220C

#C97A2D #B16B27 #995C22 #814E1C #693F17 #513011 #39220C

#C97A2D - #39220C

HSV Blend

#C97A2D - #39220C | 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 #C97A2D as 0% and #39220C as 100%.

0.0%	0.0% #C97A2D	RGB 201 122 45	#C97A2D
16.7%	16.7% #B16B27	RGB 177 107 39	#B16B27
33.3%	33.3% #995C21	RGB 153 92 33	#995C21
50.0%	50.0% #814D1C	RGB 129 77 28	#814D1C
66.7%	66.7% #693E16	RGB 105 62 22	#693E16
83.3%	83.3% #513011	RGB 81 48 17	#513011
100.0%	100.0% #39220C	RGB 57 34 12	#39220C

#C97A2D #B16B27 #995C21 #814D1C #693E16 #513011 #39220C

#C97A2D - #814D1C - #39220C

CSS codes

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

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