#EB00B5 - #FF1669 | 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 #EB00B5 to #FF1669

#EB00B5 #FF1669

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

#EB00B5 - #FF1669 | 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 #EB00B5 as 0% and #FF1669 as 100%.

0.0%	0.0% #EB00B5	RGB 235 0 181	#EB00B5
16.7%	16.7% #EE03A8	RGB 238 3 168	#EE03A8
33.3%	33.3% #F1079B	RGB 241 7 155	#F1079B
50.0%	50.0% #F50B8F	RGB 245 11 143	#F50B8F
66.7%	66.7% #F80E82	RGB 248 14 130	#F80E82
83.3%	83.3% #FB1275	RGB 251 18 117	#FB1275
100.0%	100.0% #FF1669	RGB 255 22 105	#FF1669

#EB00B5 #EE03A8 #F1079B #F50B8F #F80E82 #FB1275 #FF1669

#EB00B5 - #FF1669

HSV Blend

#EB00B5 - #FF1669 | 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 #EB00B5 as 0% and #FF1669 as 100%.

0.0%	0.0% #EB00B5	RGB 235 0 181	#EB00B5
16.7%	16.7% #EE03A8	RGB 238 3 168	#EE03A8
33.3%	33.3% #F1069B	RGB 241 6 155	#F1069B
50.0%	50.0% #F50A8E	RGB 245 10 142	#F50A8E
66.7%	66.7% #F80E81	RGB 248 14 129	#F80E81
83.3%	83.3% #FB1275	RGB 251 18 117	#FB1275
100.0%	100.0% #FF1669	RGB 255 22 105	#FF1669

#EB00B5 #EE03A8 #F1069B #F50A8E #F80E81 #FB1275 #FF1669

#EB00B5 - #F50A8E - #FF1669

CSS codes

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

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