#AA0D6B - #E6B9D4 | 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 #AA0D6B to #E6B9D4

#AA0D6B #E6B9D4

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

#AA0D6B - #E6B9D4 | 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 #AA0D6B as 0% and #E6B9D4 as 100%.

0.0%	0.0% #AA0D6B	RGB 170 13 107	#AA0D6B
16.7%	16.7% #B4297C	RGB 180 41 124	#B4297C
33.3%	33.3% #BE468E	RGB 190 70 142	#BE468E
50.0%	50.0% #C8639F	RGB 200 99 159	#C8639F
66.7%	66.7% #D27FB1	RGB 210 127 177	#D27FB1
83.3%	83.3% #DC9CC2	RGB 220 156 194	#DC9CC2
100.0%	100.0% #E6B9D4	RGB 230 185 212	#E6B9D4

#AA0D6B #B4297C #BE468E #C8639F #D27FB1 #DC9CC2 #E6B9D4

#AA0D6B - #E6B9D4

HSV Blend

#AA0D6B - #E6B9D4 | 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 #AA0D6B as 0% and #E6B9D4 as 100%.

0.0%	0.0% #AA0D6B	RGB 170 13 107	#AA0D6B
16.7%	16.7% #B4237A	RGB 180 35 122	#B4237A
33.3%	33.3% #BE3C8A	RGB 190 60 138	#BE3C8A
50.0%	50.0% #C8589B	RGB 200 88 155	#C8589B
66.7%	66.7% #D275AD	RGB 210 117 173	#D275AD
83.3%	83.3% #DC96C0	RGB 220 150 192	#DC96C0
100.0%	100.0% #E6B9D4	RGB 230 185 212	#E6B9D4

#AA0D6B #B4237A #BE3C8A #C8589B #D275AD #DC96C0 #E6B9D4

#AA0D6B - #C8589B - #E6B9D4

CSS codes

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

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