#FF0DF6 - #FFB9FC | 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 #FF0DF6 to #FFB9FC

#FF0DF6 #FFB9FC

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

#FF0DF6 - #FFB9FC | 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 #FF0DF6 as 0% and #FFB9FC as 100%.

0.0%	0.0% #FF0DF6	RGB 255 13 246	#FF0DF6
16.7%	16.7% #FF29F7	RGB 255 41 247	#FF29F7
33.3%	33.3% #FF46F8	RGB 255 70 248	#FF46F8
50.0%	50.0% #FF63F9	RGB 255 99 249	#FF63F9
66.7%	66.7% #FF7FFA	RGB 255 127 250	#FF7FFA
83.3%	83.3% #FF9CFB	RGB 255 156 251	#FF9CFB
100.0%	100.0% #FFB9FC	RGB 255 185 252	#FFB9FC

#FF0DF6 #FF29F7 #FF46F8 #FF63F9 #FF7FFA #FF9CFB #FFB9FC

#FF0DF6 - #FFB9FC

HSV Blend

#FF0DF6 - #FFB9FC | 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 #FF0DF6 as 0% and #FFB9FC as 100%.

0.0%	0.0% #FF0CF6	RGB 255 12 246	#FF0CF6
16.7%	16.7% #FF29F6	RGB 255 41 246	#FF29F6
33.3%	33.3% #FF46F7	RGB 255 70 247	#FF46F7
50.0%	50.0% #FF63F8	RGB 255 99 248	#FF63F8
66.7%	66.7% #FF7FF9	RGB 255 127 249	#FF7FF9
83.3%	83.3% #FF9CFA	RGB 255 156 250	#FF9CFA
100.0%	100.0% #FFB9FC	RGB 255 185 252	#FFB9FC

#FF0CF6 #FF29F6 #FF46F7 #FF63F8 #FF7FF9 #FF9CFA #FFB9FC

#FF0DF6 - #FF63F8 - #FFB9FC

CSS codes

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

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