#FF5E8A - #B80342 | 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 #FF5E8A to #B80342

#FF5E8A #B80342

Calculate the color between two colors, #FF5E8A and #B80342. 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)

#FF5E8A - #B80342 | 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 #FF5E8A as 0% and #B80342 as 100%.

0.0%	0.0% #FF5E8A	RGB 255 94 138	#FF5E8A
16.7%	16.7% #F34E7E	RGB 243 78 126	#F34E7E
33.3%	33.3% #E73F72	RGB 231 63 114	#E73F72
50.0%	50.0% #DB3066	RGB 219 48 102	#DB3066
66.7%	66.7% #CF215A	RGB 207 33 90	#CF215A
83.3%	83.3% #C3124E	RGB 195 18 78	#C3124E
100.0%	100.0% #B80342	RGB 184 3 66	#B80342

#FF5E8A #F34E7E #E73F72 #DB3066 #CF215A #C3124E #B80342

#FF5E8A - #B80342

HSV Blend

#FF5E8A - #B80342 | 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 #FF5E8A as 0% and #B80342 as 100%.

0.0%	0.0% #FF5D8A	RGB 255 93 138	#FF5D8A
16.7%	16.7% #F34B7B	RGB 243 75 123	#F34B7B
33.3%	33.3% #E73A6D	RGB 231 58 109	#E73A6D
50.0%	50.0% #DB2A61	RGB 219 42 97	#DB2A61
66.7%	66.7% #CF1B55	RGB 207 27 85	#CF1B55
83.3%	83.3% #C30E4B	RGB 195 14 75	#C30E4B
100.0%	100.0% #B80342	RGB 184 3 66	#B80342

#FF5D8A #F34B7B #E73A6D #DB2A61 #CF1B55 #C30E4B #B80342

#FF5E8A - #DB2A61 - #B80342

CSS codes

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

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