#FF9AFC - #F2FDFF | 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 #FF9AFC to #F2FDFF

#FF9AFC #F2FDFF

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

#FF9AFC - #F2FDFF | 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 #FF9AFC as 0% and #F2FDFF as 100%.

0.0%	0.0% #FF9AFC	RGB 255 154 252	#FF9AFC
16.7%	16.7% #FCAAFC	RGB 252 170 252	#FCAAFC
33.3%	33.3% #FABBFD	RGB 250 187 253	#FABBFD
50.0%	50.0% #F8CBFD	RGB 248 203 253	#F8CBFD
66.7%	66.7% #F6DCFE	RGB 246 220 254	#F6DCFE
83.3%	83.3% #F4ECFE	RGB 244 236 254	#F4ECFE
100.0%	100.0% #F2FDFF	RGB 242 253 255	#F2FDFF

#FF9AFC #FCAAFC #FABBFD #F8CBFD #F6DCFE #F4ECFE #F2FDFF

#FF9AFC - #F2FDFF

HSV Blend

#FF9AFC - #F2FDFF | 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 #FF9AFC as 0% and #F2FDFF as 100%.

0.0%	0.0% #FF9AFC	RGB 255 154 252	#FF9AFC
16.7%	16.7% #E6A8FF	RGB 230 168 255	#E6A8FF
33.3%	33.3% #D4B7FF	RGB 212 183 255	#D4B7FF
50.0%	50.0% #CBC6FF	RGB 203 198 255	#CBC6FF
66.7%	66.7% #D4DEFF	RGB 212 222 255	#D4DEFF
83.3%	83.3% #E3F2FF	RGB 227 242 255	#E3F2FF
100.0%	100.0% #F2FDFF	RGB 242 253 255	#F2FDFF

#FF9AFC #E6A8FF #D4B7FF #CBC6FF #D4DEFF #E3F2FF #F2FDFF

#FF9AFC - #CBC6FF - #F2FDFF

CSS codes

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

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