#5E142C - #B54945 | 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 #5E142C to #B54945

#5E142C #B54945

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

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

0.0%	0.0% #5E142C	RGB 94 20 44	#5E142C
16.7%	16.7% #6C1C30	RGB 108 28 48	#6C1C30
33.3%	33.3% #7B2534	RGB 123 37 52	#7B2534
50.0%	50.0% #892E38	RGB 137 46 56	#892E38
66.7%	66.7% #98373C	RGB 152 55 60	#98373C
83.3%	83.3% #A64040	RGB 166 64 64	#A64040
100.0%	100.0% #B54945	RGB 181 73 69	#B54945

#5E142C #6C1C30 #7B2534 #892E38 #98373C #A64040 #B54945

#5E142C - #B54945

HSV Blend

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

0.0%	0.0% #5E132C	RGB 94 19 44	#5E132C
16.7%	16.7% #6C1A2F	RGB 108 26 47	#6C1A2F
33.3%	33.3% #7B2133	RGB 123 33 51	#7B2133
50.0%	50.0% #892836	RGB 137 40 54	#892836
66.7%	66.7% #98313A	RGB 152 49 58	#98313A
83.3%	83.3% #A63A3D	RGB 166 58 61	#A63A3D
100.0%	100.0% #B54945	RGB 181 73 69	#B54945

#5E132C #6C1A2F #7B2133 #892836 #98313A #A63A3D #B54945

#5E142C - #892836 - #B54945

CSS codes

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

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