#FF5EAC - #BC0062 | 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 #FF5EAC to #BC0062

#FF5EAC #BC0062

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

#FF5EAC - #BC0062 | 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 #FF5EAC as 0% and #BC0062 as 100%.

0.0%	0.0% #FF5EAC	RGB 255 94 172	#FF5EAC
16.7%	16.7% #F34E9F	RGB 243 78 159	#F34E9F
33.3%	33.3% #E83E93	RGB 232 62 147	#E83E93
50.0%	50.0% #DD2F87	RGB 221 47 135	#DD2F87
66.7%	66.7% #D21F7A	RGB 210 31 122	#D21F7A
83.3%	83.3% #C70F6E	RGB 199 15 110	#C70F6E
100.0%	100.0% #BC0062	RGB 188 0 98	#BC0062

#FF5EAC #F34E9F #E83E93 #DD2F87 #D21F7A #C70F6E #BC0062

#FF5EAC - #BC0062

HSV Blend

#FF5EAC - #BC0062 | 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 #FF5EAC as 0% and #BC0062 as 100%.

0.0%	0.0% #FF5DAB	RGB 255 93 171	#FF5DAB
16.7%	16.7% #F34A9D	RGB 243 74 157	#F34A9D
33.3%	33.3% #E83990	RGB 232 57 144	#E83990
50.0%	50.0% #DD2883	RGB 221 40 131	#DD2883
66.7%	66.7% #D21977	RGB 210 25 119	#D21977
83.3%	83.3% #C70C6C	RGB 199 12 108	#C70C6C
100.0%	100.0% #BC0062	RGB 188 0 98	#BC0062

#FF5DAB #F34A9D #E83990 #DD2883 #D21977 #C70C6C #BC0062

#FF5EAC - #DD2883 - #BC0062

CSS codes

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

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