#FF7E9F - #FAA2FF | 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 #FF7E9F to #FAA2FF

#FF7E9F #FAA2FF

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

#FF7E9F - #FAA2FF | 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 #FF7E9F as 0% and #FAA2FF as 100%.

0.0%	0.0% #FF7E9F	RGB 255 126 159	#FF7E9F
16.7%	16.7% #FE84AF	RGB 254 132 175	#FE84AF
33.3%	33.3% #FD8ABF	RGB 253 138 191	#FD8ABF
50.0%	50.0% #FC90CF	RGB 252 144 207	#FC90CF
66.7%	66.7% #FB96DF	RGB 251 150 223	#FB96DF
83.3%	83.3% #FA9CEF	RGB 250 156 239	#FA9CEF
100.0%	100.0% #FAA2FF	RGB 250 162 255	#FAA2FF

#FF7E9F #FE84AF #FD8ABF #FC90CF #FB96DF #FA9CEF #FAA2FF

#FF7E9F - #FAA2FF

HSV Blend

#FF7E9F - #FAA2FF | 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 #FF7E9F as 0% and #FAA2FF as 100%.

0.0%	0.0% #FF7E9F	RGB 255 126 159	#FF7E9F
16.7%	16.7% #FF84B3	RGB 255 132 179	#FF84B3
33.3%	33.3% #FF8AC7	RGB 255 138 199	#FF8AC7
50.0%	50.0% #FF90D8	RGB 255 144 216	#FF90D8
66.7%	66.7% #FF96E8	RGB 255 150 232	#FF96E8
83.3%	83.3% #FF9CF7	RGB 255 156 247	#FF9CF7
100.0%	100.0% #FAA2FF	RGB 250 162 255	#FAA2FF

#FF7E9F #FF84B3 #FF8AC7 #FF90D8 #FF96E8 #FF9CF7 #FAA2FF

#FF7E9F - #FF90D8 - #FAA2FF

CSS codes

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

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