#FF3B8D - #EC6268 | 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 #FF3B8D to #EC6268

#FF3B8D #EC6268

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

#FF3B8D - #EC6268 | 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 #FF3B8D as 0% and #EC6268 as 100%.

0.0%	0.0% #FF3B8D	RGB 255 59 141	#FF3B8D
16.7%	16.7% #FB4186	RGB 251 65 134	#FB4186
33.3%	33.3% #F84880	RGB 248 72 128	#F84880
50.0%	50.0% #F54E7A	RGB 245 78 122	#F54E7A
66.7%	66.7% #F25574	RGB 242 85 116	#F25574
83.3%	83.3% #EF5B6E	RGB 239 91 110	#EF5B6E
100.0%	100.0% #EC6268	RGB 236 98 104	#EC6268

#FF3B8D #FB4186 #F84880 #F54E7A #F25574 #EF5B6E #EC6268

#FF3B8D - #EC6268

HSV Blend

#FF3B8D - #EC6268 | 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 #FF3B8D as 0% and #EC6268 as 100%.

0.0%	0.0% #FF3B8D	RGB 255 59 141	#FF3B8D
16.7%	16.7% #FB4184	RGB 251 65 132	#FB4184
33.3%	33.3% #F8487C	RGB 248 72 124	#F8487C
50.0%	50.0% #F54F75	RGB 245 79 117	#F54F75
66.7%	66.7% #F25570	RGB 242 85 112	#F25570
83.3%	83.3% #EF5B6B	RGB 239 91 107	#EF5B6B
100.0%	100.0% #EC6268	RGB 236 98 104	#EC6268

#FF3B8D #FB4184 #F8487C #F54F75 #F25570 #EF5B6B #EC6268

#FF3B8D - #F54F75 - #EC6268

CSS codes

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

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