#5E131C - #B5312E | 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 #5E131C to #B5312E

#5E131C #B5312E

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

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

0.0%	0.0% #5E131C	RGB 94 19 28	#5E131C
16.7%	16.7% #6C181F	RGB 108 24 31	#6C181F
33.3%	33.3% #7B1D22	RGB 123 29 34	#7B1D22
50.0%	50.0% #892225	RGB 137 34 37	#892225
66.7%	66.7% #982728	RGB 152 39 40	#982728
83.3%	83.3% #A62C2B	RGB 166 44 43	#A62C2B
100.0%	100.0% #B5312E	RGB 181 49 46	#B5312E

#5E131C #6C181F #7B1D22 #892225 #982728 #A62C2B #B5312E

#5E131C - #B5312E

HSV Blend

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

0.0%	0.0% #5E121B	RGB 94 18 27	#5E121B
16.7%	16.7% #6C161F	RGB 108 22 31	#6C161F
33.3%	33.3% #7B1A21	RGB 123 26 33	#7B1A21
50.0%	50.0% #891F24	RGB 137 31 36	#891F24
66.7%	66.7% #982326	RGB 152 35 38	#982326
83.3%	83.3% #A62829	RGB 166 40 41	#A62829
100.0%	100.0% #B5312E	RGB 181 49 46	#B5312E

#5E121B #6C161F #7B1A21 #891F24 #982326 #A62829 #B5312E

#5E131C - #891F24 - #B5312E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E121B 0%, #891F24 50%, #B5312E 100%);
    background: -webkit-linear-gradient(top, #5E121B 0%, #891F24 50%, #B5312E 100%);
    background: linear-gradient(to bottom, #5E121B 0%, #891F24 50%, #B5312E 100%);
}
</style>