#FF73C0 - #FAE4E4 | 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 #FF73C0 to #FAE4E4

#FF73C0 #FAE4E4

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

#FF73C0 - #FAE4E4 | 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 #FF73C0 as 0% and #FAE4E4 as 100%.

0.0%	0.0% #FF73C0	RGB 255 115 192	#FF73C0
16.7%	16.7% #FE85C6	RGB 254 133 198	#FE85C6
33.3%	33.3% #FD98CC	RGB 253 152 204	#FD98CC
50.0%	50.0% #FCABD2	RGB 252 171 210	#FCABD2
66.7%	66.7% #FBBED8	RGB 251 190 216	#FBBED8
83.3%	83.3% #FAD1DE	RGB 250 209 222	#FAD1DE
100.0%	100.0% #FAE4E4	RGB 250 228 228	#FAE4E4

#FF73C0 #FE85C6 #FD98CC #FCABD2 #FBBED8 #FAD1DE #FAE4E4

#FF73C0 - #FAE4E4

HSV Blend

#FF73C0 - #FAE4E4 | 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 #FF73C0 as 0% and #FAE4E4 as 100%.

0.0%	0.0% #FF73C0	RGB 255 115 192	#FF73C0
16.7%	16.7% #FE86BD	RGB 254 134 189	#FE86BD
33.3%	33.3% #FD99BD	RGB 253 153 189	#FD99BD
50.0%	50.0% #FCACC2	RGB 252 172 194	#FCACC2
66.7%	66.7% #FBBEC9	RGB 251 190 201	#FBBEC9
83.3%	83.3% #FAD1D5	RGB 250 209 213	#FAD1D5
100.0%	100.0% #FAE4E4	RGB 250 228 228	#FAE4E4

#FF73C0 #FE86BD #FD99BD #FCACC2 #FBBEC9 #FAD1D5 #FAE4E4

#FF73C0 - #FCACC2 - #FAE4E4

CSS codes

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

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