#5E2B30 - #C16748 | 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 #5E2B30 to #C16748

#5E2B30 #C16748

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

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

0.0%	0.0% #5E2B30	RGB 94 43 48	#5E2B30
16.7%	16.7% #6E3534	RGB 110 53 52	#6E3534
33.3%	33.3% #7F3F38	RGB 127 63 56	#7F3F38
50.0%	50.0% #8F493C	RGB 143 73 60	#8F493C
66.7%	66.7% #A05340	RGB 160 83 64	#A05340
83.3%	83.3% #B05D44	RGB 176 93 68	#B05D44
100.0%	100.0% #C16748	RGB 193 103 72	#C16748

#5E2B30 #6E3534 #7F3F38 #8F493C #A05340 #B05D44 #C16748

#5E2B30 - #C16748

HSV Blend

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

0.0%	0.0% #5E2B30	RGB 94 43 48	#5E2B30
16.7%	16.7% #6E3033	RGB 110 48 51	#6E3033
33.3%	33.3% #7F3736	RGB 127 55 54	#7F3736
50.0%	50.0% #8F423B	RGB 143 66 59	#8F423B
66.7%	66.7% #A04D40	RGB 160 77 64	#A04D40
83.3%	83.3% #B05944	RGB 176 89 68	#B05944
100.0%	100.0% #C16748	RGB 193 103 72	#C16748

#5E2B30 #6E3033 #7F3736 #8F423B #A04D40 #B05944 #C16748

#5E2B30 - #8F423B - #C16748

CSS codes

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

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