#AB3C7D - #E7C7D9 | 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 #AB3C7D to #E7C7D9

#AB3C7D #E7C7D9

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

#AB3C7D - #E7C7D9 | 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 #AB3C7D as 0% and #E7C7D9 as 100%.

0.0%	0.0% #AB3C7D	RGB 171 60 125	#AB3C7D
16.7%	16.7% #B5538C	RGB 181 83 140	#B5538C
33.3%	33.3% #BF6A9B	RGB 191 106 155	#BF6A9B
50.0%	50.0% #C981AB	RGB 201 129 171	#C981AB
66.7%	66.7% #D398BA	RGB 211 152 186	#D398BA
83.3%	83.3% #DDAFC9	RGB 221 175 201	#DDAFC9
100.0%	100.0% #E7C7D9	RGB 231 199 217	#E7C7D9

#AB3C7D #B5538C #BF6A9B #C981AB #D398BA #DDAFC9 #E7C7D9

#AB3C7D - #E7C7D9

HSV Blend

#AB3C7D - #E7C7D9 | 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 #AB3C7D as 0% and #E7C7D9 as 100%.

0.0%	0.0% #AB3C7D	RGB 171 60 125	#AB3C7D
16.7%	16.7% #B54E8A	RGB 181 78 138	#B54E8A
33.3%	33.3% #BF6398	RGB 191 99 152	#BF6398
50.0%	50.0% #C979A7	RGB 201 121 167	#C979A7
66.7%	66.7% #D391B7	RGB 211 145 183	#D391B7
83.3%	83.3% #DDABC7	RGB 221 171 199	#DDABC7
100.0%	100.0% #E7C7D9	RGB 231 199 217	#E7C7D9

#AB3C7D #B54E8A #BF6398 #C979A7 #D391B7 #DDABC7 #E7C7D9

#AB3C7D - #C979A7 - #E7C7D9

CSS codes

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

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