#FF7AF0 - #FFD9FA | 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 #FF7AF0 to #FFD9FA

#FF7AF0 #FFD9FA

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

#FF7AF0 - #FFD9FA | 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 #FF7AF0 as 0% and #FFD9FA as 100%.

0.0%	0.0% #FF7AF0	RGB 255 122 240	#FF7AF0
16.7%	16.7% #FF89F1	RGB 255 137 241	#FF89F1
33.3%	33.3% #FF99F3	RGB 255 153 243	#FF99F3
50.0%	50.0% #FFA9F5	RGB 255 169 245	#FFA9F5
66.7%	66.7% #FFB9F6	RGB 255 185 246	#FFB9F6
83.3%	83.3% #FFC9F8	RGB 255 201 248	#FFC9F8
100.0%	100.0% #FFD9FA	RGB 255 217 250	#FFD9FA

#FF7AF0 #FF89F1 #FF99F3 #FFA9F5 #FFB9F6 #FFC9F8 #FFD9FA

#FF7AF0 - #FFD9FA

HSV Blend

#FF7AF0 - #FFD9FA | 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 #FF7AF0 as 0% and #FFD9FA as 100%.

0.0%	0.0% #FF7AF0	RGB 255 122 240	#FF7AF0
16.7%	16.7% #FF89F1	RGB 255 137 241	#FF89F1
33.3%	33.3% #FF99F2	RGB 255 153 242	#FF99F2
50.0%	50.0% #FFA9F4	RGB 255 169 244	#FFA9F4
66.7%	66.7% #FFB9F6	RGB 255 185 246	#FFB9F6
83.3%	83.3% #FFC9F8	RGB 255 201 248	#FFC9F8
100.0%	100.0% #FFD9FA	RGB 255 217 250	#FFD9FA

#FF7AF0 #FF89F1 #FF99F2 #FFA9F4 #FFB9F6 #FFC9F8 #FFD9FA

#FF7AF0 - #FFA9F4 - #FFD9FA

CSS codes

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

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