#FFB0FE - #F655EA | 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 #FFB0FE to #F655EA

#FFB0FE #F655EA

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

#FFB0FE - #F655EA | 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 #FFB0FE as 0% and #F655EA as 100%.

0.0%	0.0% #FFB0FE	RGB 255 176 254	#FFB0FE
16.7%	16.7% #FDA0FA	RGB 253 160 250	#FDA0FA
33.3%	33.3% #FC91F7	RGB 252 145 247	#FC91F7
50.0%	50.0% #FA82F4	RGB 250 130 244	#FA82F4
66.7%	66.7% #F973F0	RGB 249 115 240	#F973F0
83.3%	83.3% #F764ED	RGB 247 100 237	#F764ED
100.0%	100.0% #F655EA	RGB 246 85 234	#F655EA

#FFB0FE #FDA0FA #FC91F7 #FA82F4 #F973F0 #F764ED #F655EA

#FFB0FE - #F655EA

HSV Blend

#FFB0FE - #F655EA | 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 #FFB0FE as 0% and #F655EA as 100%.

0.0%	0.0% #FFB0FE	RGB 255 176 254	#FFB0FE
16.7%	16.7% #FDA0FB	RGB 253 160 251	#FDA0FB
33.3%	33.3% #FC90F8	RGB 252 144 248	#FC90F8
50.0%	50.0% #FA81F5	RGB 250 129 245	#FA81F5
66.7%	66.7% #F972F1	RGB 249 114 241	#F972F1
83.3%	83.3% #F763EE	RGB 247 99 238	#F763EE
100.0%	100.0% #F655EA	RGB 246 85 234	#F655EA

#FFB0FE #FDA0FB #FC90F8 #FA81F5 #F972F1 #F763EE #F655EA

#FFB0FE - #FA81F5 - #F655EA

CSS codes

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

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