#FF5EAA - #BC0060 | 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 #FF5EAA to #BC0060

#FF5EAA #BC0060

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

#FF5EAA - #BC0060 | 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 #FF5EAA as 0% and #BC0060 as 100%.

0.0%	0.0% #FF5EAA	RGB 255 94 170	#FF5EAA
16.7%	16.7% #F34E9D	RGB 243 78 157	#F34E9D
33.3%	33.3% #E83E91	RGB 232 62 145	#E83E91
50.0%	50.0% #DD2F85	RGB 221 47 133	#DD2F85
66.7%	66.7% #D21F78	RGB 210 31 120	#D21F78
83.3%	83.3% #C70F6C	RGB 199 15 108	#C70F6C
100.0%	100.0% #BC0060	RGB 188 0 96	#BC0060

#FF5EAA #F34E9D #E83E91 #DD2F85 #D21F78 #C70F6C #BC0060

#FF5EAA - #BC0060

HSV Blend

#FF5EAA - #BC0060 | 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 #FF5EAA as 0% and #BC0060 as 100%.

0.0%	0.0% #FF5DAA	RGB 255 93 170	#FF5DAA
16.7%	16.7% #F34A9B	RGB 243 74 155	#F34A9B
33.3%	33.3% #E8398E	RGB 232 57 142	#E8398E
50.0%	50.0% #DD2881	RGB 221 40 129	#DD2881
66.7%	66.7% #D21975	RGB 210 25 117	#D21975
83.3%	83.3% #C70C6A	RGB 199 12 106	#C70C6A
100.0%	100.0% #BC0060	RGB 188 0 96	#BC0060

#FF5DAA #F34A9B #E8398E #DD2881 #D21975 #C70C6A #BC0060

#FF5EAA - #DD2881 - #BC0060

CSS codes

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

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