#FFA8D0 - #ED5588 | 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 #FFA8D0 to #ED5588

#FFA8D0 #ED5588

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

#FFA8D0 - #ED5588 | 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 #FFA8D0 as 0% and #ED5588 as 100%.

0.0%	0.0% #FFA8D0	RGB 255 168 208	#FFA8D0
16.7%	16.7% #FC9AC4	RGB 252 154 196	#FC9AC4
33.3%	33.3% #F98CB8	RGB 249 140 184	#F98CB8
50.0%	50.0% #F67EAC	RGB 246 126 172	#F67EAC
66.7%	66.7% #F370A0	RGB 243 112 160	#F370A0
83.3%	83.3% #F06294	RGB 240 98 148	#F06294
100.0%	100.0% #ED5588	RGB 237 85 136	#ED5588

#FFA8D0 #FC9AC4 #F98CB8 #F67EAC #F370A0 #F06294 #ED5588

#FFA8D0 - #ED5588

HSV Blend

#FFA8D0 - #ED5588 | 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 #FFA8D0 as 0% and #ED5588 as 100%.

0.0%	0.0% #FFA8D0	RGB 255 168 208	#FFA8D0
16.7%	16.7% #FC99C4	RGB 252 153 196	#FC99C4
33.3%	33.3% #F98BB9	RGB 249 139 185	#F98BB9
50.0%	50.0% #F67DAD	RGB 246 125 173	#F67DAD
66.7%	66.7% #F36FA1	RGB 243 111 161	#F36FA1
83.3%	83.3% #F06294	RGB 240 98 148	#F06294
100.0%	100.0% #ED5588	RGB 237 85 136	#ED5588

#FFA8D0 #FC99C4 #F98BB9 #F67DAD #F36FA1 #F06294 #ED5588

#FFA8D0 - #F67DAD - #ED5588

CSS codes

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

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