#FFA8A2 - #F0524C | 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 #FFA8A2 to #F0524C

#FFA8A2 #F0524C

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

#FFA8A2 - #F0524C | 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 #FFA8A2 as 0% and #F0524C as 100%.

0.0%	0.0% #FFA8A2	RGB 255 168 162	#FFA8A2
16.7%	16.7% #FC9993	RGB 252 153 147	#FC9993
33.3%	33.3% #FA8B85	RGB 250 139 133	#FA8B85
50.0%	50.0% #F77D77	RGB 247 125 119	#F77D77
66.7%	66.7% #F56E68	RGB 245 110 104	#F56E68
83.3%	83.3% #F2605A	RGB 242 96 90	#F2605A
100.0%	100.0% #F0524C	RGB 240 82 76	#F0524C

#FFA8A2 #FC9993 #FA8B85 #F77D77 #F56E68 #F2605A #F0524C

#FFA8A2 - #F0524C

HSV Blend

#FFA8A2 - #F0524C | 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 #FFA8A2 as 0% and #F0524C as 100%.

0.0%	0.0% #FFA8A2	RGB 255 168 162	#FFA8A2
16.7%	16.7% #FC9993	RGB 252 153 147	#FC9993
33.3%	33.3% #FA8A84	RGB 250 138 132	#FA8A84
50.0%	50.0% #F77C75	RGB 247 124 117	#F77C75
66.7%	66.7% #F56E67	RGB 245 110 103	#F56E67
83.3%	83.3% #F25F59	RGB 242 95 89	#F25F59
100.0%	100.0% #F0524C	RGB 240 82 76	#F0524C

#FFA8A2 #FC9993 #FA8A84 #F77C75 #F56E67 #F25F59 #F0524C

#FFA8A2 - #F77C75 - #F0524C

CSS codes

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

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