#FC5EAF - #B90065 | 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 #FC5EAF to #B90065

#FC5EAF #B90065

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

#FC5EAF - #B90065 | 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 #FC5EAF as 0% and #B90065 as 100%.

0.0%	0.0% #FC5EAF	RGB 252 94 175	#FC5EAF
16.7%	16.7% #F04EA2	RGB 240 78 162	#F04EA2
33.3%	33.3% #E53E96	RGB 229 62 150	#E53E96
50.0%	50.0% #DA2F8A	RGB 218 47 138	#DA2F8A
66.7%	66.7% #CF1F7D	RGB 207 31 125	#CF1F7D
83.3%	83.3% #C40F71	RGB 196 15 113	#C40F71
100.0%	100.0% #B90065	RGB 185 0 101	#B90065

#FC5EAF #F04EA2 #E53E96 #DA2F8A #CF1F7D #C40F71 #B90065

#FC5EAF - #B90065

HSV Blend

#FC5EAF - #B90065 | 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 #FC5EAF as 0% and #B90065 as 100%.

0.0%	0.0% #FC5EAE	RGB 252 94 174	#FC5EAE
16.7%	16.7% #F04AA0	RGB 240 74 160	#F04AA0
33.3%	33.3% #E53993	RGB 229 57 147	#E53993
50.0%	50.0% #DA2886	RGB 218 40 134	#DA2886
66.7%	66.7% #CF197A	RGB 207 25 122	#CF197A
83.3%	83.3% #C40C6F	RGB 196 12 111	#C40C6F
100.0%	100.0% #B90065	RGB 185 0 101	#B90065

#FC5EAE #F04AA0 #E53993 #DA2886 #CF197A #C40C6F #B90065

#FC5EAF - #DA2886 - #B90065

CSS codes

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

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