#A02B71 - #E3C2D5 | 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 #A02B71 to #E3C2D5

#A02B71 #E3C2D5

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

#A02B71 - #E3C2D5 | 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 #A02B71 as 0% and #E3C2D5 as 100%.

0.0%	0.0% #A02B71	RGB 160 43 113	#A02B71
16.7%	16.7% #AB4481	RGB 171 68 129	#AB4481
33.3%	33.3% #B65D92	RGB 182 93 146	#B65D92
50.0%	50.0% #C176A3	RGB 193 118 163	#C176A3
66.7%	66.7% #CC8FB3	RGB 204 143 179	#CC8FB3
83.3%	83.3% #D7A8C4	RGB 215 168 196	#D7A8C4
100.0%	100.0% #E3C2D5	RGB 227 194 213	#E3C2D5

#A02B71 #AB4481 #B65D92 #C176A3 #CC8FB3 #D7A8C4 #E3C2D5

#A02B71 - #E3C2D5

HSV Blend

#A02B71 - #E3C2D5 | 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 #A02B71 as 0% and #E3C2D5 as 100%.

0.0%	0.0% #A02B71	RGB 160 43 113	#A02B71
16.7%	16.7% #AB3E7F	RGB 171 62 127	#AB3E7F
33.3%	33.3% #B6548E	RGB 182 84 142	#B6548E
50.0%	50.0% #C16C9E	RGB 193 108 158	#C16C9E
66.7%	66.7% #CC86AF	RGB 204 134 175	#CC86AF
83.3%	83.3% #D7A3C1	RGB 215 163 193	#D7A3C1
100.0%	100.0% #E3C2D5	RGB 227 194 213	#E3C2D5

#A02B71 #AB3E7F #B6548E #C16C9E #CC86AF #D7A3C1 #E3C2D5

#A02B71 - #C16C9E - #E3C2D5

CSS codes

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

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