#8C2B5B - #FF49DB | 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 #8C2B5B to #FF49DB

#8C2B5B #FF49DB

Calculate the color between two colors, #8C2B5B and #FF49DB. 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)

#8C2B5B - #FF49DB | 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 #8C2B5B as 0% and #FF49DB as 100%.

0.0%	0.0% #8C2B5B	RGB 140 43 91	#8C2B5B
16.7%	16.7% #9F3070	RGB 159 48 112	#9F3070
33.3%	33.3% #B23585	RGB 178 53 133	#B23585
50.0%	50.0% #C53A9B	RGB 197 58 155	#C53A9B
66.7%	66.7% #D83FB0	RGB 216 63 176	#D83FB0
83.3%	83.3% #EB44C5	RGB 235 68 197	#EB44C5
100.0%	100.0% #FF49DB	RGB 255 73 219	#FF49DB

#8C2B5B #9F3070 #B23585 #C53A9B #D83FB0 #EB44C5 #FF49DB

#8C2B5B - #FF49DB

HSV Blend

#8C2B5B - #FF49DB | 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 #8C2B5B as 0% and #FF49DB as 100%.

0.0%	0.0% #8C2B5B	RGB 140 43 91	#8C2B5B
16.7%	16.7% #9F306C	RGB 159 48 108	#9F306C
33.3%	33.3% #B23580	RGB 178 53 128	#B23580
50.0%	50.0% #C53A94	RGB 197 58 148	#C53A94
66.7%	66.7% #D83FAA	RGB 216 63 170	#D83FAA
83.3%	83.3% #EB44C2	RGB 235 68 194	#EB44C2
100.0%	100.0% #FF49DB	RGB 255 73 219	#FF49DB

#8C2B5B #9F306C #B23580 #C53A94 #D83FAA #EB44C2 #FF49DB

#8C2B5B - #C53A94 - #FF49DB

CSS codes

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

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