#FF1ED9 - #48083E | 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 #FF1ED9 to #48083E

#FF1ED9 #48083E

Calculate the color between two colors, #FF1ED9 and #48083E. 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)

#FF1ED9 - #48083E | 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 #FF1ED9 as 0% and #48083E as 100%.

0.0%	0.0% #FF1ED9	RGB 255 30 217	#FF1ED9
16.7%	16.7% #E01ABF	RGB 224 26 191	#E01ABF
33.3%	33.3% #C216A5	RGB 194 22 165	#C216A5
50.0%	50.0% #A3138B	RGB 163 19 139	#A3138B
66.7%	66.7% #840F71	RGB 132 15 113	#840F71
83.3%	83.3% #660B57	RGB 102 11 87	#660B57
100.0%	100.0% #48083E	RGB 72 8 62	#48083E

#FF1ED9 #E01ABF #C216A5 #A3138B #840F71 #660B57 #48083E

#FF1ED9 - #48083E

HSV Blend

#FF1ED9 - #48083E | 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 #FF1ED9 as 0% and #48083E as 100%.

0.0%	0.0% #FF1DD8	RGB 255 29 216	#FF1DD8
16.7%	16.7% #E01ABF	RGB 224 26 191	#E01ABF
33.3%	33.3% #C216A5	RGB 194 22 165	#C216A5
50.0%	50.0% #A3128B	RGB 163 18 139	#A3128B
66.7%	66.7% #840F72	RGB 132 15 114	#840F72
83.3%	83.3% #660B58	RGB 102 11 88	#660B58
100.0%	100.0% #48083E	RGB 72 8 62	#48083E

#FF1DD8 #E01ABF #C216A5 #A3128B #840F72 #660B58 #48083E

#FF1ED9 - #A3128B - #48083E

CSS codes

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

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