#AA3C81 - #E6C7DB | 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 #AA3C81 to #E6C7DB

#AA3C81 #E6C7DB

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

#AA3C81 - #E6C7DB | 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 #AA3C81 as 0% and #E6C7DB as 100%.

0.0%	0.0% #AA3C81	RGB 170 60 129	#AA3C81
16.7%	16.7% #B45390	RGB 180 83 144	#B45390
33.3%	33.3% #BE6A9F	RGB 190 106 159	#BE6A9F
50.0%	50.0% #C881AE	RGB 200 129 174	#C881AE
66.7%	66.7% #D298BD	RGB 210 152 189	#D298BD
83.3%	83.3% #DCAFCC	RGB 220 175 204	#DCAFCC
100.0%	100.0% #E6C7DB	RGB 230 199 219	#E6C7DB

#AA3C81 #B45390 #BE6A9F #C881AE #D298BD #DCAFCC #E6C7DB

#AA3C81 - #E6C7DB

HSV Blend

#AA3C81 - #E6C7DB | 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 #AA3C81 as 0% and #E6C7DB as 100%.

0.0%	0.0% #AA3C81	RGB 170 60 129	#AA3C81
16.7%	16.7% #B44E8E	RGB 180 78 142	#B44E8E
33.3%	33.3% #BE639C	RGB 190 99 156	#BE639C
50.0%	50.0% #C879AB	RGB 200 121 171	#C879AB
66.7%	66.7% #D291BA	RGB 210 145 186	#D291BA
83.3%	83.3% #DCABCA	RGB 220 171 202	#DCABCA
100.0%	100.0% #E6C7DB	RGB 230 199 219	#E6C7DB

#AA3C81 #B44E8E #BE639C #C879AB #D291BA #DCABCA #E6C7DB

#AA3C81 - #C879AB - #E6C7DB

CSS codes

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

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