#FFA6A8 - #EC4D5A | 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 #FFA6A8 to #EC4D5A

#FFA6A8 #EC4D5A

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

#FFA6A8 - #EC4D5A | 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 #FFA6A8 as 0% and #EC4D5A as 100%.

0.0%	0.0% #FFA6A8	RGB 255 166 168	#FFA6A8
16.7%	16.7% #FB979B	RGB 251 151 155	#FB979B
33.3%	33.3% #F8888E	RGB 248 136 142	#F8888E
50.0%	50.0% #F57981	RGB 245 121 129	#F57981
66.7%	66.7% #F26A74	RGB 242 106 116	#F26A74
83.3%	83.3% #EF5B67	RGB 239 91 103	#EF5B67
100.0%	100.0% #EC4D5A	RGB 236 77 90	#EC4D5A

#FFA6A8 #FB979B #F8888E #F57981 #F26A74 #EF5B67 #EC4D5A

#FFA6A8 - #EC4D5A

HSV Blend

#FFA6A8 - #EC4D5A | 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 #FFA6A8 as 0% and #EC4D5A as 100%.

0.0%	0.0% #FFA6A8	RGB 255 166 168	#FFA6A8
16.7%	16.7% #FB9699	RGB 251 150 153	#FB9699
33.3%	33.3% #F8868B	RGB 248 134 139	#F8868B
50.0%	50.0% #F5777E	RGB 245 119 126	#F5777E
66.7%	66.7% #F26971	RGB 242 105 113	#F26971
83.3%	83.3% #EF5A65	RGB 239 90 101	#EF5A65
100.0%	100.0% #EC4D5A	RGB 236 77 90	#EC4D5A

#FFA6A8 #FB9699 #F8868B #F5777E #F26971 #EF5A65 #EC4D5A

#FFA6A8 - #F5777E - #EC4D5A

CSS codes

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

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