#B2303E - #520D14 | 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 #B2303E to #520D14

#B2303E #520D14

Calculate the color between two colors, #B2303E and #520D14. 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)

#B2303E - #520D14 | 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 #B2303E as 0% and #520D14 as 100%.

0.0%	0.0% #B2303E	RGB 178 48 62	#B2303E
16.7%	16.7% #A22A37	RGB 162 42 55	#A22A37
33.3%	33.3% #922430	RGB 146 36 48	#922430
50.0%	50.0% #821E29	RGB 130 30 41	#821E29
66.7%	66.7% #721822	RGB 114 24 34	#721822
83.3%	83.3% #62121B	RGB 98 18 27	#62121B
100.0%	100.0% #520D14	RGB 82 13 20	#520D14

#B2303E #A22A37 #922430 #821E29 #721822 #62121B #520D14

#B2303E - #520D14

HSV Blend

#B2303E - #520D14 | 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 #B2303E as 0% and #520D14 as 100%.

0.0%	0.0% #B2303E	RGB 178 48 62	#B2303E
16.7%	16.7% #A22835	RGB 162 40 53	#A22835
33.3%	33.3% #92212D	RGB 146 33 45	#92212D
50.0%	50.0% #821B26	RGB 130 27 38	#821B26
66.7%	66.7% #72161F	RGB 114 22 31	#72161F
83.3%	83.3% #621119	RGB 98 17 25	#621119
100.0%	100.0% #520D14	RGB 82 13 20	#520D14

#B2303E #A22835 #92212D #821B26 #72161F #621119 #520D14

#B2303E - #821B26 - #520D14

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B2303E 0%, #821B26 50%, #520D14 100%);
    background: -webkit-linear-gradient(top, #B2303E 0%, #821B26 50%, #520D14 100%);
    background: linear-gradient(to bottom, #B2303E 0%, #821B26 50%, #520D14 100%);
}
</style>