#EB0060 - #FF666E | 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 #EB0060 to #FF666E

#EB0060 #FF666E

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

#EB0060 - #FF666E | 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 #EB0060 as 0% and #FF666E as 100%.

0.0%	0.0% #EB0060	RGB 235 0 96	#EB0060
16.7%	16.7% #EE1162	RGB 238 17 98	#EE1162
33.3%	33.3% #F12264	RGB 241 34 100	#F12264
50.0%	50.0% #F53367	RGB 245 51 103	#F53367
66.7%	66.7% #F84469	RGB 248 68 105	#F84469
83.3%	83.3% #FB556B	RGB 251 85 107	#FB556B
100.0%	100.0% #FF666E	RGB 255 102 110	#FF666E

#EB0060 #EE1162 #F12264 #F53367 #F84469 #FB556B #FF666E

#EB0060 - #FF666E

HSV Blend

#EB0060 - #FF666E | 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 #EB0060 as 0% and #FF666E as 100%.

0.0%	0.0% #EB0060	RGB 235 0 96	#EB0060
16.7%	16.7% #EE0F5D	RGB 238 15 93	#EE0F5D
33.3%	33.3% #F1205C	RGB 241 32 92	#F1205C
50.0%	50.0% #F5315E	RGB 245 49 94	#F5315E
66.7%	66.7% #F84261	RGB 248 66 97	#F84261
83.3%	83.3% #FB5366	RGB 251 83 102	#FB5366
100.0%	100.0% #FF666E	RGB 255 102 110	#FF666E

#EB0060 #EE0F5D #F1205C #F5315E #F84261 #FB5366 #FF666E

#EB0060 - #F5315E - #FF666E

CSS codes

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

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