#5E162C - #B64C45 | 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 #5E162C to #B64C45

#5E162C #B64C45

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

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

0.0%	0.0% #5E162C	RGB 94 22 44	#5E162C
16.7%	16.7% #6C1F30	RGB 108 31 48	#6C1F30
33.3%	33.3% #7B2834	RGB 123 40 52	#7B2834
50.0%	50.0% #8A3138	RGB 138 49 56	#8A3138
66.7%	66.7% #983A3C	RGB 152 58 60	#983A3C
83.3%	83.3% #A74340	RGB 167 67 64	#A74340
100.0%	100.0% #B64C45	RGB 182 76 69	#B64C45

#5E162C #6C1F30 #7B2834 #8A3138 #983A3C #A74340 #B64C45

#5E162C - #B64C45

HSV Blend

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

0.0%	0.0% #5E152B	RGB 94 21 43	#5E152B
16.7%	16.7% #6C1C2F	RGB 108 28 47	#6C1C2F
33.3%	33.3% #7B2233	RGB 123 34 51	#7B2233
50.0%	50.0% #8A2A35	RGB 138 42 53	#8A2A35
66.7%	66.7% #983238	RGB 152 50 56	#983238
83.3%	83.3% #A73B3B	RGB 167 59 59	#A73B3B
100.0%	100.0% #B64C45	RGB 182 76 69	#B64C45

#5E152B #6C1C2F #7B2233 #8A2A35 #983238 #A73B3B #B64C45

#5E162C - #8A2A35 - #B64C45

CSS codes

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

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