#FF00A8 - #FFB6E8 | 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 #FF00A8 to #FFB6E8

#FF00A8 #FFB6E8

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

#FF00A8 - #FFB6E8 | 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 #FF00A8 as 0% and #FFB6E8 as 100%.

0.0%	0.0% #FF00A8	RGB 255 0 168	#FF00A8
16.7%	16.7% #FF1EB2	RGB 255 30 178	#FF1EB2
33.3%	33.3% #FF3CBD	RGB 255 60 189	#FF3CBD
50.0%	50.0% #FF5BC8	RGB 255 91 200	#FF5BC8
66.7%	66.7% #FF79D2	RGB 255 121 210	#FF79D2
83.3%	83.3% #FF97DD	RGB 255 151 221	#FF97DD
100.0%	100.0% #FFB6E8	RGB 255 182 232	#FFB6E8

#FF00A8 #FF1EB2 #FF3CBD #FF5BC8 #FF79D2 #FF97DD #FFB6E8

#FF00A8 - #FFB6E8

HSV Blend

#FF00A8 - #FFB6E8 | 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 #FF00A8 as 0% and #FFB6E8 as 100%.

0.0%	0.0% #FF00A7	RGB 255 0 167	#FF00A7
16.7%	16.7% #FF1EB3	RGB 255 30 179	#FF1EB3
33.3%	33.3% #FF3CBE	RGB 255 60 190	#FF3CBE
50.0%	50.0% #FF5BC9	RGB 255 91 201	#FF5BC9
66.7%	66.7% #FF79D3	RGB 255 121 211	#FF79D3
83.3%	83.3% #FF97DD	RGB 255 151 221	#FF97DD
100.0%	100.0% #FFB6E8	RGB 255 182 232	#FFB6E8

#FF00A7 #FF1EB3 #FF3CBE #FF5BC9 #FF79D3 #FF97DD #FFB6E8

#FF00A8 - #FF5BC9 - #FFB6E8

CSS codes

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

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