#AA4D95 - #E6CCDF | 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 #AA4D95 to #E6CCDF

#AA4D95 #E6CCDF

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

#AA4D95 - #E6CCDF | 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 #AA4D95 as 0% and #E6CCDF as 100%.

0.0%	0.0% #AA4D95	RGB 170 77 149	#AA4D95
16.7%	16.7% #B462A1	RGB 180 98 161	#B462A1
33.3%	33.3% #BE77AD	RGB 190 119 173	#BE77AD
50.0%	50.0% #C88CBA	RGB 200 140 186	#C88CBA
66.7%	66.7% #D2A1C6	RGB 210 161 198	#D2A1C6
83.3%	83.3% #DCB6D2	RGB 220 182 210	#DCB6D2
100.0%	100.0% #E6CCDF	RGB 230 204 223	#E6CCDF

#AA4D95 #B462A1 #BE77AD #C88CBA #D2A1C6 #DCB6D2 #E6CCDF

#AA4D95 - #E6CCDF

HSV Blend

#AA4D95 - #E6CCDF | 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 #AA4D95 as 0% and #E6CCDF as 100%.

0.0%	0.0% #AA4D95	RGB 170 77 149	#AA4D95
16.7%	16.7% #B45EA0	RGB 180 94 160	#B45EA0
33.3%	33.3% #BE71AB	RGB 190 113 171	#BE71AB
50.0%	50.0% #C885B7	RGB 200 133 183	#C885B7
66.7%	66.7% #D29BC4	RGB 210 155 196	#D29BC4
83.3%	83.3% #DCB3D1	RGB 220 179 209	#DCB3D1
100.0%	100.0% #E6CCDF	RGB 230 204 223	#E6CCDF

#AA4D95 #B45EA0 #BE71AB #C885B7 #D29BC4 #DCB3D1 #E6CCDF

#AA4D95 - #C885B7 - #E6CCDF

CSS codes

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

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