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

#FFA5E3 #F2FDFF

Calculate the color between two colors, #FFA5E3 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)

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

0.0%	0.0% #FFA5E3	RGB 255 165 227	#FFA5E3
16.7%	16.7% #FCB3E7	RGB 252 179 231	#FCB3E7
33.3%	33.3% #FAC2EC	RGB 250 194 236	#FAC2EC
50.0%	50.0% #F8D1F1	RGB 248 209 241	#F8D1F1
66.7%	66.7% #F6DFF5	RGB 246 223 245	#F6DFF5
83.3%	83.3% #F4EEFA	RGB 244 238 250	#F4EEFA
100.0%	100.0% #F2FDFF	RGB 242 253 255	#F2FDFF

#FFA5E3 #FCB3E7 #FAC2EC #F8D1F1 #F6DFF5 #F4EEFA #F2FDFF

#FFA5E3 - #F2FDFF

HSV Blend

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

0.0%	0.0% #FFA5E3	RGB 255 165 227	#FFA5E3
16.7%	16.7% #FBB1FF	RGB 251 177 255	#FBB1FF
33.3%	33.3% #E4BEFF	RGB 228 190 255	#E4BEFF
50.0%	50.0% #D7CBFF	RGB 215 203 255	#D7CBFF
66.7%	66.7% #D8DDFF	RGB 216 221 255	#D8DDFF
83.3%	83.3% #E5F1FF	RGB 229 241 255	#E5F1FF
100.0%	100.0% #F2FDFF	RGB 242 253 255	#F2FDFF

#FFA5E3 #FBB1FF #E4BEFF #D7CBFF #D8DDFF #E5F1FF #F2FDFF

#FFA5E3 - #D7CBFF - #F2FDFF

CSS codes

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

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