#5E202A - #BA5841 | 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 #5E202A to #BA5841

#5E202A #BA5841

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

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

0.0%	0.0% #5E202A	RGB 94 32 42	#5E202A
16.7%	16.7% #6D292D	RGB 109 41 45	#6D292D
33.3%	33.3% #7C3231	RGB 124 50 49	#7C3231
50.0%	50.0% #8C3C35	RGB 140 60 53	#8C3C35
66.7%	66.7% #9B4539	RGB 155 69 57	#9B4539
83.3%	83.3% #AA4E3D	RGB 170 78 61	#AA4E3D
100.0%	100.0% #BA5841	RGB 186 88 65	#BA5841

#5E202A #6D292D #7C3231 #8C3C35 #9B4539 #AA4E3D #BA5841

#5E202A - #BA5841

HSV Blend

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

0.0%	0.0% #5E2029	RGB 94 32 41	#5E2029
16.7%	16.7% #6D252C	RGB 109 37 44	#6D252C
33.3%	33.3% #7C2A2E	RGB 124 42 46	#7C2A2E
50.0%	50.0% #8C3130	RGB 140 49 48	#8C3130
66.7%	66.7% #9B3D35	RGB 155 61 53	#9B3D35
83.3%	83.3% #AA4A3B	RGB 170 74 59	#AA4A3B
100.0%	100.0% #BA5841	RGB 186 88 65	#BA5841

#5E2029 #6D252C #7C2A2E #8C3130 #9B3D35 #AA4A3B #BA5841

#5E202A - #8C3130 - #BA5841

CSS codes

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

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