#FF60F9 - #DB1AD0 | 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 #FF60F9 to #DB1AD0

#FF60F9 #DB1AD0

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

#FF60F9 - #DB1AD0 | 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 #FF60F9 as 0% and #DB1AD0 as 100%.

0.0%	0.0% #FF60F9	RGB 255 96 249	#FF60F9
16.7%	16.7% #F954F2	RGB 249 84 242	#F954F2
33.3%	33.3% #F348EB	RGB 243 72 235	#F348EB
50.0%	50.0% #ED3DE4	RGB 237 61 228	#ED3DE4
66.7%	66.7% #E731DD	RGB 231 49 221	#E731DD
83.3%	83.3% #E125D6	RGB 225 37 214	#E125D6
100.0%	100.0% #DB1AD0	RGB 219 26 208	#DB1AD0

#FF60F9 #F954F2 #F348EB #ED3DE4 #E731DD #E125D6 #DB1AD0

#FF60F9 - #DB1AD0

HSV Blend

#FF60F9 - #DB1AD0 | 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 #FF60F9 as 0% and #DB1AD0 as 100%.

0.0%	0.0% #FF60F9	RGB 255 96 249	#FF60F9
16.7%	16.7% #F953F2	RGB 249 83 242	#F953F2
33.3%	33.3% #F346EB	RGB 243 70 235	#F346EB
50.0%	50.0% #ED3AE4	RGB 237 58 228	#ED3AE4
66.7%	66.7% #E72FDD	RGB 231 47 221	#E72FDD
83.3%	83.3% #E124D6	RGB 225 36 214	#E124D6
100.0%	100.0% #DB1AD0	RGB 219 26 208	#DB1AD0

#FF60F9 #F953F2 #F346EB #ED3AE4 #E72FDD #E124D6 #DB1AD0

#FF60F9 - #ED3AE4 - #DB1AD0

CSS codes

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

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