#5E275B - #C05888 | 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 #5E275B to #C05888

#5E275B #C05888

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

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

0.0%	0.0% #5E275B	RGB 94 39 91	#5E275B
16.7%	16.7% #6E2F62	RGB 110 47 98	#6E2F62
33.3%	33.3% #7E376A	RGB 126 55 106	#7E376A
50.0%	50.0% #8F3F71	RGB 143 63 113	#8F3F71
66.7%	66.7% #9F4779	RGB 159 71 121	#9F4779
83.3%	83.3% #AF4F80	RGB 175 79 128	#AF4F80
100.0%	100.0% #C05888	RGB 192 88 136	#C05888

#5E275B #6E2F62 #7E376A #8F3F71 #9F4779 #AF4F80 #C05888

#5E275B - #C05888

HSV Blend

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

0.0%	0.0% #5E275B	RGB 94 39 91	#5E275B
16.7%	16.7% #6E2E65	RGB 110 46 101	#6E2E65
33.3%	33.3% #7E366F	RGB 126 54 111	#7E366F
50.0%	50.0% #8F3E77	RGB 143 62 119	#8F3E77
66.7%	66.7% #9F467D	RGB 159 70 125	#9F467D
83.3%	83.3% #AF4F83	RGB 175 79 131	#AF4F83
100.0%	100.0% #C05888	RGB 192 88 136	#C05888

#5E275B #6E2E65 #7E366F #8F3E77 #9F467D #AF4F83 #C05888

#5E275B - #8F3E77 - #C05888

CSS codes

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

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