#B32F08 - #330D02 | 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 #B32F08 to #330D02

#B32F08 #330D02

Calculate the color between two colors, #B32F08 and #330D02. 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)

#B32F08 - #330D02 | 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 #B32F08 as 0% and #330D02 as 100%.

0.0%	0.0% #B32F08	RGB 179 47 8	#B32F08
16.7%	16.7% #9D2907	RGB 157 41 7	#9D2907
33.3%	33.3% #882306	RGB 136 35 6	#882306
50.0%	50.0% #731E05	RGB 115 30 5	#731E05
66.7%	66.7% #5D1804	RGB 93 24 4	#5D1804
83.3%	83.3% #481203	RGB 72 18 3	#481203
100.0%	100.0% #330D02	RGB 51 13 2	#330D02

#B32F08 #9D2907 #882306 #731E05 #5D1804 #481203 #330D02

#B32F08 - #330D02

HSV Blend

#B32F08 - #330D02 | 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 #B32F08 as 0% and #330D02 as 100%.

0.0%	0.0% #B32F08	RGB 179 47 8	#B32F08
16.7%	16.7% #9D2906	RGB 157 41 6	#9D2906
33.3%	33.3% #882305	RGB 136 35 5	#882305
50.0%	50.0% #731D04	RGB 115 29 4	#731D04
66.7%	66.7% #5D1803	RGB 93 24 3	#5D1803
83.3%	83.3% #481202	RGB 72 18 2	#481202
100.0%	100.0% #330D02	RGB 51 13 2	#330D02

#B32F08 #9D2906 #882305 #731D04 #5D1803 #481202 #330D02

#B32F08 - #731D04 - #330D02

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B32F08 0%, #731D04 50%, #330D02 100%);
    background: -webkit-linear-gradient(top, #B32F08 0%, #731D04 50%, #330D02 100%);
    background: linear-gradient(to bottom, #B32F08 0%, #731D04 50%, #330D02 100%);
}
</style>