#5E142D - #B54946 | 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 #5E142D to #B54946

#5E142D #B54946

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

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

0.0%	0.0% #5E142D	RGB 94 20 45	#5E142D
16.7%	16.7% #6C1C31	RGB 108 28 49	#6C1C31
33.3%	33.3% #7B2535	RGB 123 37 53	#7B2535
50.0%	50.0% #892E39	RGB 137 46 57	#892E39
66.7%	66.7% #98373D	RGB 152 55 61	#98373D
83.3%	83.3% #A64041	RGB 166 64 65	#A64041
100.0%	100.0% #B54946	RGB 181 73 70	#B54946

#5E142D #6C1C31 #7B2535 #892E39 #98373D #A64041 #B54946

#5E142D - #B54946

HSV Blend

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

0.0%	0.0% #5E132C	RGB 94 19 44	#5E132C
16.7%	16.7% #6C1A31	RGB 108 26 49	#6C1A31
33.3%	33.3% #7B2134	RGB 123 33 52	#7B2134
50.0%	50.0% #892938	RGB 137 41 56	#892938
66.7%	66.7% #98313B	RGB 152 49 59	#98313B
83.3%	83.3% #A63B3F	RGB 166 59 63	#A63B3F
100.0%	100.0% #B54946	RGB 181 73 70	#B54946

#5E132C #6C1A31 #7B2134 #892938 #98313B #A63B3F #B54946

#5E142D - #892938 - #B54946

CSS codes

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

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