#A1A1C8 - #E4C2FF | 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 #A1A1C8 to #E4C2FF

#A1A1C8 #E4C2FF

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

#A1A1C8 - #E4C2FF | 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 #A1A1C8 as 0% and #E4C2FF as 100%.

0.0%	0.0% #A1A1C8	RGB 161 161 200	#A1A1C8
16.7%	16.7% #ACA6D1	RGB 172 166 209	#ACA6D1
33.3%	33.3% #B7ACDA	RGB 183 172 218	#B7ACDA
50.0%	50.0% #C2B1E3	RGB 194 177 227	#C2B1E3
66.7%	66.7% #CDB7EC	RGB 205 183 236	#CDB7EC
83.3%	83.3% #D8BCF5	RGB 216 188 245	#D8BCF5
100.0%	100.0% #E4C2FF	RGB 228 194 255	#E4C2FF

#A1A1C8 #ACA6D1 #B7ACDA #C2B1E3 #CDB7EC #D8BCF5 #E4C2FF

#A1A1C8 - #E4C2FF

HSV Blend

#A1A1C8 - #E4C2FF | 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 #A1A1C8 as 0% and #E4C2FF as 100%.

0.0%	0.0% #A1A1C8	RGB 161 161 200	#A1A1C8
16.7%	16.7% #AAA6D1	RGB 170 166 209	#AAA6D1
33.3%	33.3% #B5ACDA	RGB 181 172 218	#B5ACDA
50.0%	50.0% #BFB2E3	RGB 191 178 227	#BFB2E3
66.7%	66.7% #CBB7EC	RGB 203 183 236	#CBB7EC
83.3%	83.3% #D7BCF5	RGB 215 188 245	#D7BCF5
100.0%	100.0% #E4C2FF	RGB 228 194 255	#E4C2FF

#A1A1C8 #AAA6D1 #B5ACDA #BFB2E3 #CBB7EC #D7BCF5 #E4C2FF

#A1A1C8 - #BFB2E3 - #E4C2FF

CSS codes

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

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