#A8A2C2 - #E5C0FF | 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 #A8A2C2 to #E5C0FF

#A8A2C2 #E5C0FF

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

#A8A2C2 - #E5C0FF | 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 #A8A2C2 as 0% and #E5C0FF as 100%.

0.0%	0.0% #A8A2C2	RGB 168 162 194	#A8A2C2
16.7%	16.7% #B2A7CC	RGB 178 167 204	#B2A7CC
33.3%	33.3% #BCACD6	RGB 188 172 214	#BCACD6
50.0%	50.0% #C6B1E0	RGB 198 177 224	#C6B1E0
66.7%	66.7% #D0B6EA	RGB 208 182 234	#D0B6EA
83.3%	83.3% #DABBF4	RGB 218 187 244	#DABBF4
100.0%	100.0% #E5C0FF	RGB 229 192 255	#E5C0FF

#A8A2C2 #B2A7CC #BCACD6 #C6B1E0 #D0B6EA #DABBF4 #E5C0FF

#A8A2C2 - #E5C0FF

HSV Blend

#A8A2C2 - #E5C0FF | 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 #A8A2C2 as 0% and #E5C0FF as 100%.

0.0%	0.0% #A8A2C2	RGB 168 162 194	#A8A2C2
16.7%	16.7% #B0A7CC	RGB 176 167 204	#B0A7CC
33.3%	33.3% #BAADD6	RGB 186 173 214	#BAADD6
50.0%	50.0% #C4B2E0	RGB 196 178 224	#C4B2E0
66.7%	66.7% #CEB7EA	RGB 206 183 234	#CEB7EA
83.3%	83.3% #D9BBF4	RGB 217 187 244	#D9BBF4
100.0%	100.0% #E5C0FF	RGB 229 192 255	#E5C0FF

#A8A2C2 #B0A7CC #BAADD6 #C4B2E0 #CEB7EA #D9BBF4 #E5C0FF

#A8A2C2 - #C4B2E0 - #E5C0FF

CSS codes

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

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