#FF81FE - #F7B5FD | 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 #FF81FE to #F7B5FD

#FF81FE #F7B5FD

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

#FF81FE - #F7B5FD | 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 #FF81FE as 0% and #F7B5FD as 100%.

0.0%	0.0% #FF81FE	RGB 255 129 254	#FF81FE
16.7%	16.7% #FD89FD	RGB 253 137 253	#FD89FD
33.3%	33.3% #FC92FD	RGB 252 146 253	#FC92FD
50.0%	50.0% #FB9BFD	RGB 251 155 253	#FB9BFD
66.7%	66.7% #F9A3FD	RGB 249 163 253	#F9A3FD
83.3%	83.3% #F8ACFD	RGB 248 172 253	#F8ACFD
100.0%	100.0% #F7B5FD	RGB 247 181 253	#F7B5FD

#FF81FE #FD89FD #FC92FD #FB9BFD #F9A3FD #F8ACFD #F7B5FD

#FF81FE - #F7B5FD

HSV Blend

#FF81FE - #F7B5FD | 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 #FF81FE as 0% and #F7B5FD as 100%.

0.0%	0.0% #FF81FE	RGB 255 129 254	#FF81FE
16.7%	16.7% #FD89FE	RGB 253 137 254	#FD89FE
33.3%	33.3% #FB92FE	RGB 251 146 254	#FB92FE
50.0%	50.0% #FA9BFE	RGB 250 155 254	#FA9BFE
66.7%	66.7% #F8A3FD	RGB 248 163 253	#F8A3FD
83.3%	83.3% #F7ACFD	RGB 247 172 253	#F7ACFD
100.0%	100.0% #F7B5FD	RGB 247 181 253	#F7B5FD

#FF81FE #FD89FE #FB92FE #FA9BFE #F8A3FD #F7ACFD #F7B5FD

#FF81FE - #FA9BFE - #F7B5FD

CSS codes

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

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