#5E2A47 - #C26E6B | 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 #5E2A47 to #C26E6B

#5E2A47 #C26E6B

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

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

0.0%	0.0% #5E2A47	RGB 94 42 71	#5E2A47
16.7%	16.7% #6E354D	RGB 110 53 77	#6E354D
33.3%	33.3% #7F4053	RGB 127 64 83	#7F4053
50.0%	50.0% #904C59	RGB 144 76 89	#904C59
66.7%	66.7% #A0575F	RGB 160 87 95	#A0575F
83.3%	83.3% #B16265	RGB 177 98 101	#B16265
100.0%	100.0% #C26E6B	RGB 194 110 107	#C26E6B

#5E2A47 #6E354D #7F4053 #904C59 #A0575F #B16265 #C26E6B

#5E2A47 - #C26E6B

HSV Blend

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

0.0%	0.0% #5E2A47	RGB 94 42 71	#5E2A47
16.7%	16.7% #6E334E	RGB 110 51 78	#6E334E
33.3%	33.3% #7F3D55	RGB 127 61 85	#7F3D55
50.0%	50.0% #90475A	RGB 144 71 90	#90475A
66.7%	66.7% #A0535F	RGB 160 83 95	#A0535F
83.3%	83.3% #B15E64	RGB 177 94 100	#B15E64
100.0%	100.0% #C26E6B	RGB 194 110 107	#C26E6B

#5E2A47 #6E334E #7F3D55 #90475A #A0535F #B15E64 #C26E6B

#5E2A47 - #90475A - #C26E6B

CSS codes

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

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