#F8C5E6 - #D560A4 | 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 #F8C5E6 to #D560A4

#F8C5E6 #D560A4

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

#F8C5E6 - #D560A4 | 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 #F8C5E6 as 0% and #D560A4 as 100%.

0.0%	0.0% #F8C5E6	RGB 248 197 230	#F8C5E6
16.7%	16.7% #F2B4DB	RGB 242 180 219	#F2B4DB
33.3%	33.3% #ECA3D0	RGB 236 163 208	#ECA3D0
50.0%	50.0% #E692C5	RGB 230 146 197	#E692C5
66.7%	66.7% #E081BA	RGB 224 129 186	#E081BA
83.3%	83.3% #DA70AF	RGB 218 112 175	#DA70AF
100.0%	100.0% #D560A4	RGB 213 96 164	#D560A4

#F8C5E6 #F2B4DB #ECA3D0 #E692C5 #E081BA #DA70AF #D560A4

#F8C5E6 - #D560A4

HSV Blend

#F8C5E6 - #D560A4 | 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 #F8C5E6 as 0% and #D560A4 as 100%.

0.0%	0.0% #F8C5E6	RGB 248 197 230	#F8C5E6
16.7%	16.7% #F2B2DA	RGB 242 178 218	#F2B2DA
33.3%	33.3% #ECA0CF	RGB 236 160 207	#ECA0CF
50.0%	50.0% #E68FC4	RGB 230 143 196	#E68FC4
66.7%	66.7% #E07EB9	RGB 224 126 185	#E07EB9
83.3%	83.3% #DA6FAE	RGB 218 111 174	#DA6FAE
100.0%	100.0% #D560A4	RGB 213 96 164	#D560A4

#F8C5E6 #F2B2DA #ECA0CF #E68FC4 #E07EB9 #DA6FAE #D560A4

#F8C5E6 - #E68FC4 - #D560A4

CSS codes

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

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