#BE3940 - #5E1016 | 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 #BE3940 to #5E1016

#BE3940 #5E1016

Calculate the color between two colors, #BE3940 and #5E1016. 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)

#BE3940 - #5E1016 | 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 #BE3940 as 0% and #5E1016 as 100%.

0.0%	0.0% #BE3940	RGB 190 57 64	#BE3940
16.7%	16.7% #AE3239	RGB 174 50 57	#AE3239
33.3%	33.3% #9E2B32	RGB 158 43 50	#9E2B32
50.0%	50.0% #8E242B	RGB 142 36 43	#8E242B
66.7%	66.7% #7E1D24	RGB 126 29 36	#7E1D24
83.3%	83.3% #6E161D	RGB 110 22 29	#6E161D
100.0%	100.0% #5E1016	RGB 94 16 22	#5E1016

#BE3940 #AE3239 #9E2B32 #8E242B #7E1D24 #6E161D #5E1016

#BE3940 - #5E1016

HSV Blend

#BE3940 - #5E1016 | 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 #BE3940 as 0% and #5E1016 as 100%.

0.0%	0.0% #BE3940	RGB 190 57 64	#BE3940
16.7%	16.7% #AE3037	RGB 174 48 55	#AE3037
33.3%	33.3% #9E282F	RGB 158 40 47	#9E282F
50.0%	50.0% #8E2128	RGB 142 33 40	#8E2128
66.7%	66.7% #7E1A21	RGB 126 26 33	#7E1A21
83.3%	83.3% #6E151B	RGB 110 21 27	#6E151B
100.0%	100.0% #5E1016	RGB 94 16 22	#5E1016

#BE3940 #AE3037 #9E282F #8E2128 #7E1A21 #6E151B #5E1016

#BE3940 - #8E2128 - #5E1016

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BE3940 0%, #8E2128 50%, #5E1016 100%);
    background: -webkit-linear-gradient(top, #BE3940 0%, #8E2128 50%, #5E1016 100%);
    background: linear-gradient(to bottom, #BE3940 0%, #8E2128 50%, #5E1016 100%);
}
</style>