#FA9EFF - #ECDAEB | 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 #FA9EFF to #ECDAEB

#FA9EFF #ECDAEB

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

#FA9EFF - #ECDAEB | 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 #FA9EFF as 0% and #ECDAEB as 100%.

0.0%	0.0% #FA9EFF	RGB 250 158 255	#FA9EFF
16.7%	16.7% #F7A8FB	RGB 247 168 251	#F7A8FB
33.3%	33.3% #F5B2F8	RGB 245 178 248	#F5B2F8
50.0%	50.0% #F3BCF5	RGB 243 188 245	#F3BCF5
66.7%	66.7% #F0C6F1	RGB 240 198 241	#F0C6F1
83.3%	83.3% #EED0EE	RGB 238 208 238	#EED0EE
100.0%	100.0% #ECDAEB	RGB 236 218 235	#ECDAEB

#FA9EFF #F7A8FB #F5B2F8 #F3BCF5 #F0C6F1 #EED0EE #ECDAEB

#FA9EFF - #ECDAEB

HSV Blend

#FA9EFF - #ECDAEB | 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 #FA9EFF as 0% and #ECDAEB as 100%.

0.0%	0.0% #FA9EFF	RGB 250 158 255	#FA9EFF
16.7%	16.7% #F9A8FB	RGB 249 168 251	#F9A8FB
33.3%	33.3% #F7B3F8	RGB 247 179 248	#F7B3F8
50.0%	50.0% #F5BDF5	RGB 245 189 245	#F5BDF5
66.7%	66.7% #F2C7F1	RGB 242 199 241	#F2C7F1
83.3%	83.3% #EFD0EE	RGB 239 208 238	#EFD0EE
100.0%	100.0% #ECDAEB	RGB 236 218 235	#ECDAEB

#FA9EFF #F9A8FB #F7B3F8 #F5BDF5 #F2C7F1 #EFD0EE #ECDAEB

#FA9EFF - #F5BDF5 - #ECDAEB

CSS codes

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

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