#EF2DA1 - #FF3358 | 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 #EF2DA1 to #FF3358

#EF2DA1 #FF3358

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

#EF2DA1 - #FF3358 | 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 #EF2DA1 as 0% and #FF3358 as 100%.

0.0%	0.0% #EF2DA1	RGB 239 45 161	#EF2DA1
16.7%	16.7% #F12E94	RGB 241 46 148	#F12E94
33.3%	33.3% #F42F88	RGB 244 47 136	#F42F88
50.0%	50.0% #F7307C	RGB 247 48 124	#F7307C
66.7%	66.7% #F93170	RGB 249 49 112	#F93170
83.3%	83.3% #FC3264	RGB 252 50 100	#FC3264
100.0%	100.0% #FF3358	RGB 255 51 88	#FF3358

#EF2DA1 #F12E94 #F42F88 #F7307C #F93170 #FC3264 #FF3358

#EF2DA1 - #FF3358

HSV Blend

#EF2DA1 - #FF3358 | 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 #EF2DA1 as 0% and #FF3358 as 100%.

0.0%	0.0% #EF2DA0	RGB 239 45 160	#EF2DA0
16.7%	16.7% #F12D95	RGB 241 45 149	#F12D95
33.3%	33.3% #F42E89	RGB 244 46 137	#F42E89
50.0%	50.0% #F72F7D	RGB 247 47 125	#F72F7D
66.7%	66.7% #F93071	RGB 249 48 113	#F93071
83.3%	83.3% #FC3164	RGB 252 49 100	#FC3164
100.0%	100.0% #FF3358	RGB 255 51 88	#FF3358

#EF2DA0 #F12D95 #F42E89 #F72F7D #F93071 #FC3164 #FF3358

#EF2DA1 - #F72F7D - #FF3358

CSS codes

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

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