#5E265B - #C16F89 | 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 #5E265B to #C16F89

#5E265B #C16F89

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

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

0.0%	0.0% #5E265B	RGB 94 38 91	#5E265B
16.7%	16.7% #6E3262	RGB 110 50 98	#6E3262
33.3%	33.3% #7F3E6A	RGB 127 62 106	#7F3E6A
50.0%	50.0% #8F4A72	RGB 143 74 114	#8F4A72
66.7%	66.7% #A05679	RGB 160 86 121	#A05679
83.3%	83.3% #B06281	RGB 176 98 129	#B06281
100.0%	100.0% #C16F89	RGB 193 111 137	#C16F89

#5E265B #6E3262 #7F3E6A #8F4A72 #A05679 #B06281 #C16F89

#5E265B - #C16F89

HSV Blend

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

0.0%	0.0% #5E265B	RGB 94 38 91	#5E265B
16.7%	16.7% #6E2F64	RGB 110 47 100	#6E2F64
33.3%	33.3% #7F3A6C	RGB 127 58 108	#7F3A6C
50.0%	50.0% #8F4674	RGB 143 70 116	#8F4674
66.7%	66.7% #A0527B	RGB 160 82 123	#A0527B
83.3%	83.3% #B06082	RGB 176 96 130	#B06082
100.0%	100.0% #C16F89	RGB 193 111 137	#C16F89

#5E265B #6E2F64 #7F3A6C #8F4674 #A0527B #B06082 #C16F89

#5E265B - #8F4674 - #C16F89

CSS codes

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

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