#FF4164 - #ECA8C2 | 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 #FF4164 to #ECA8C2

#FF4164 #ECA8C2

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

#FF4164 - #ECA8C2 | 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 #FF4164 as 0% and #ECA8C2 as 100%.

0.0%	0.0% #FF4164	RGB 255 65 100	#FF4164
16.7%	16.7% #FB5273	RGB 251 82 115	#FB5273
33.3%	33.3% #F86383	RGB 248 99 131	#F86383
50.0%	50.0% #F57493	RGB 245 116 147	#F57493
66.7%	66.7% #F285A2	RGB 242 133 162	#F285A2
83.3%	83.3% #EF96B2	RGB 239 150 178	#EF96B2
100.0%	100.0% #ECA8C2	RGB 236 168 194	#ECA8C2

#FF4164 #FB5273 #F86383 #F57493 #F285A2 #EF96B2 #ECA8C2

#FF4164 - #ECA8C2

HSV Blend

#FF4164 - #ECA8C2 | 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 #FF4164 as 0% and #ECA8C2 as 100%.

0.0%	0.0% #FF4164	RGB 255 65 100	#FF4164
16.7%	16.7% #FB5377	RGB 251 83 119	#FB5377
33.3%	33.3% #F8658A	RGB 248 101 138	#F8658A
50.0%	50.0% #F5769A	RGB 245 118 154	#F5769A
66.7%	66.7% #F287A9	RGB 242 135 169	#F287A9
83.3%	83.3% #EF98B6	RGB 239 152 182	#EF98B6
100.0%	100.0% #ECA8C2	RGB 236 168 194	#ECA8C2

#FF4164 #FB5377 #F8658A #F5769A #F287A9 #EF98B6 #ECA8C2

#FF4164 - #F5769A - #ECA8C2

CSS codes

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

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