#5E2B50 - #C37278 | 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 #5E2B50 to #C37278

#5E2B50 #C37278

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

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

0.0%	0.0% #5E2B50	RGB 94 43 80	#5E2B50
16.7%	16.7% #6E3656	RGB 110 54 86	#6E3656
33.3%	33.3% #7F425D	RGB 127 66 93	#7F425D
50.0%	50.0% #904E64	RGB 144 78 100	#904E64
66.7%	66.7% #A15A6A	RGB 161 90 106	#A15A6A
83.3%	83.3% #B26671	RGB 178 102 113	#B26671
100.0%	100.0% #C37278	RGB 195 114 120	#C37278

#5E2B50 #6E3656 #7F425D #904E64 #A15A6A #B26671 #C37278

#5E2B50 - #C37278

HSV Blend

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

0.0%	0.0% #5E2B50	RGB 94 43 80	#5E2B50
16.7%	16.7% #6E3558	RGB 110 53 88	#6E3558
33.3%	33.3% #7F3F60	RGB 127 63 96	#7F3F60
50.0%	50.0% #904B66	RGB 144 75 102	#904B66
66.7%	66.7% #A1576C	RGB 161 87 108	#A1576C
83.3%	83.3% #B26472	RGB 178 100 114	#B26472
100.0%	100.0% #C37278	RGB 195 114 120	#C37278

#5E2B50 #6E3558 #7F3F60 #904B66 #A1576C #B26472 #C37278

#5E2B50 - #904B66 - #C37278

CSS codes

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

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