#AA216B - #E6BFD4 | 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 #AA216B to #E6BFD4

#AA216B #E6BFD4

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

#AA216B - #E6BFD4 | 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 #AA216B as 0% and #E6BFD4 as 100%.

0.0%	0.0% #AA216B	RGB 170 33 107	#AA216B
16.7%	16.7% #B43B7C	RGB 180 59 124	#B43B7C
33.3%	33.3% #BE558E	RGB 190 85 142	#BE558E
50.0%	50.0% #C8709F	RGB 200 112 159	#C8709F
66.7%	66.7% #D28AB1	RGB 210 138 177	#D28AB1
83.3%	83.3% #DCA4C2	RGB 220 164 194	#DCA4C2
100.0%	100.0% #E6BFD4	RGB 230 191 212	#E6BFD4

#AA216B #B43B7C #BE558E #C8709F #D28AB1 #DCA4C2 #E6BFD4

#AA216B - #E6BFD4

HSV Blend

#AA216B - #E6BFD4 | 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 #AA216B as 0% and #E6BFD4 as 100%.

0.0%	0.0% #AA216B	RGB 170 33 107	#AA216B
16.7%	16.7% #B4367A	RGB 180 54 122	#B4367A
33.3%	33.3% #BE4D8A	RGB 190 77 138	#BE4D8A
50.0%	50.0% #C8669B	RGB 200 102 155	#C8669B
66.7%	66.7% #D281AD	RGB 210 129 173	#D281AD
83.3%	83.3% #DC9FC0	RGB 220 159 192	#DC9FC0
100.0%	100.0% #E6BFD4	RGB 230 191 212	#E6BFD4

#AA216B #B4367A #BE4D8A #C8669B #D281AD #DC9FC0 #E6BFD4

#AA216B - #C8669B - #E6BFD4

CSS codes

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

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