#5E2B3B - #C26B59 | 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 #5E2B3B to #C26B59

#5E2B3B #C26B59

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

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

0.0%	0.0% #5E2B3B	RGB 94 43 59	#5E2B3B
16.7%	16.7% #6E3540	RGB 110 53 64	#6E3540
33.3%	33.3% #7F4045	RGB 127 64 69	#7F4045
50.0%	50.0% #904B4A	RGB 144 75 74	#904B4A
66.7%	66.7% #A0554F	RGB 160 85 79	#A0554F
83.3%	83.3% #B16054	RGB 177 96 84	#B16054
100.0%	100.0% #C26B59	RGB 194 107 89	#C26B59

#5E2B3B #6E3540 #7F4045 #904B4A #A0554F #B16054 #C26B59

#5E2B3B - #C26B59

HSV Blend

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

0.0%	0.0% #5E2B3B	RGB 94 43 59	#5E2B3B
16.7%	16.7% #6E3240	RGB 110 50 64	#6E3240
33.3%	33.3% #7F3A44	RGB 127 58 68	#7F3A44
50.0%	50.0% #904147	RGB 144 65 71	#904147
66.7%	66.7% #A04A49	RGB 160 74 73	#A04A49
83.3%	83.3% #B15A51	RGB 177 90 81	#B15A51
100.0%	100.0% #C26B59	RGB 194 107 89	#C26B59

#5E2B3B #6E3240 #7F3A44 #904147 #A04A49 #B15A51 #C26B59

#5E2B3B - #904147 - #C26B59

CSS codes

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

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