#F257A8 - #AC005D | 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 #F257A8 to #AC005D

#F257A8 #AC005D

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

#F257A8 - #AC005D | 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 #F257A8 as 0% and #AC005D as 100%.

0.0%	0.0% #F257A8	RGB 242 87 168	#F257A8
16.7%	16.7% #E6489B	RGB 230 72 155	#E6489B
33.3%	33.3% #DA3A8F	RGB 218 58 143	#DA3A8F
50.0%	50.0% #CF2B82	RGB 207 43 130	#CF2B82
66.7%	66.7% #C31C76	RGB 195 28 118	#C31C76
83.3%	83.3% #B70E69	RGB 183 14 105	#B70E69
100.0%	100.0% #AC005D	RGB 172 0 93	#AC005D

#F257A8 #E6489B #DA3A8F #CF2B82 #C31C76 #B70E69 #AC005D

#F257A8 - #AC005D

HSV Blend

#F257A8 - #AC005D | 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 #F257A8 as 0% and #AC005D as 100%.

0.0%	0.0% #F257A7	RGB 242 87 167	#F257A7
16.7%	16.7% #E64599	RGB 230 69 153	#E64599
33.3%	33.3% #DA348C	RGB 218 52 140	#DA348C
50.0%	50.0% #CF257F	RGB 207 37 127	#CF257F
66.7%	66.7% #C31773	RGB 195 23 115	#C31773
83.3%	83.3% #B70B67	RGB 183 11 103	#B70B67
100.0%	100.0% #AC005D	RGB 172 0 93	#AC005D

#F257A7 #E64599 #DA348C #CF257F #C31773 #B70B67 #AC005D

#F257A8 - #CF257F - #AC005D

CSS codes

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

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