#9F472B - #671F09 | 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 #9F472B to #671F09

#9F472B #671F09

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

#9F472B - #671F09 | 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 #9F472B as 0% and #671F09 as 100%.

0.0%	0.0% #9F472B	RGB 159 71 43	#9F472B
16.7%	16.7% #954025	RGB 149 64 37	#954025
33.3%	33.3% #8C391F	RGB 140 57 31	#8C391F
50.0%	50.0% #83331A	RGB 131 51 26	#83331A
66.7%	66.7% #792C14	RGB 121 44 20	#792C14
83.3%	83.3% #70250E	RGB 112 37 14	#70250E
100.0%	100.0% #671F09	RGB 103 31 9	#671F09

#9F472B #954025 #8C391F #83331A #792C14 #70250E #671F09

#9F472B - #671F09

HSV Blend

#9F472B - #671F09 | 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 #9F472B as 0% and #671F09 as 100%.

0.0%	0.0% #9F472A	RGB 159 71 42	#9F472A
16.7%	16.7% #953F23	RGB 149 63 35	#953F23
33.3%	33.3% #8C371D	RGB 140 55 29	#8C371D
50.0%	50.0% #833117	RGB 131 49 23	#833117
66.7%	66.7% #792A12	RGB 121 42 18	#792A12
83.3%	83.3% #70240D	RGB 112 36 13	#70240D
100.0%	100.0% #671F09	RGB 103 31 9	#671F09

#9F472A #953F23 #8C371D #833117 #792A12 #70240D #671F09

#9F472B - #833117 - #671F09

CSS codes

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

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