#5E2747 - #C16A6B | 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 #5E2747 to #C16A6B

#5E2747 #C16A6B

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

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

0.0%	0.0% #5E2747	RGB 94 39 71	#5E2747
16.7%	16.7% #6E324D	RGB 110 50 77	#6E324D
33.3%	33.3% #7F3D53	RGB 127 61 83	#7F3D53
50.0%	50.0% #8F4859	RGB 143 72 89	#8F4859
66.7%	66.7% #A0535F	RGB 160 83 95	#A0535F
83.3%	83.3% #B05E65	RGB 176 94 101	#B05E65
100.0%	100.0% #C16A6B	RGB 193 106 107	#C16A6B

#5E2747 #6E324D #7F3D53 #8F4859 #A0535F #B05E65 #C16A6B

#5E2747 - #C16A6B

HSV Blend

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

0.0%	0.0% #5E2747	RGB 94 39 71	#5E2747
16.7%	16.7% #6E304E	RGB 110 48 78	#6E304E
33.3%	33.3% #7F3A55	RGB 127 58 85	#7F3A55
50.0%	50.0% #8F455B	RGB 143 69 91	#8F455B
66.7%	66.7% #A05060	RGB 160 80 96	#A05060
83.3%	83.3% #B05C65	RGB 176 92 101	#B05C65
100.0%	100.0% #C16A6B	RGB 193 106 107	#C16A6B

#5E2747 #6E304E #7F3A55 #8F455B #A05060 #B05C65 #C16A6B

#5E2747 - #8F455B - #C16A6B

CSS codes

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

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