#A8A8BE - #E9C7FF | 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 #A8A8BE to #E9C7FF

#A8A8BE #E9C7FF

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

#A8A8BE - #E9C7FF | 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 #A8A8BE as 0% and #E9C7FF as 100%.

0.0%	0.0% #A8A8BE	RGB 168 168 190	#A8A8BE
16.7%	16.7% #B2ADC8	RGB 178 173 200	#B2ADC8
33.3%	33.3% #BDB2D3	RGB 189 178 211	#BDB2D3
50.0%	50.0% #C8B7DE	RGB 200 183 222	#C8B7DE
66.7%	66.7% #D3BCE9	RGB 211 188 233	#D3BCE9
83.3%	83.3% #DEC1F4	RGB 222 193 244	#DEC1F4
100.0%	100.0% #E9C7FF	RGB 233 199 255	#E9C7FF

#A8A8BE #B2ADC8 #BDB2D3 #C8B7DE #D3BCE9 #DEC1F4 #E9C7FF

#A8A8BE - #E9C7FF

HSV Blend

#A8A8BE - #E9C7FF | 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 #A8A8BE as 0% and #E9C7FF as 100%.

0.0%	0.0% #A8A8BE	RGB 168 168 190	#A8A8BE
16.7%	16.7% #B0AEC8	RGB 176 174 200	#B0AEC8
33.3%	33.3% #BAB3D3	RGB 186 179 211	#BAB3D3
50.0%	50.0% #C4B9DE	RGB 196 185 222	#C4B9DE
66.7%	66.7% #CFBEE9	RGB 207 190 233	#CFBEE9
83.3%	83.3% #DBC2F4	RGB 219 194 244	#DBC2F4
100.0%	100.0% #E9C7FF	RGB 233 199 255	#E9C7FF

#A8A8BE #B0AEC8 #BAB3D3 #C4B9DE #CFBEE9 #DBC2F4 #E9C7FF

#A8A8BE - #C4B9DE - #E9C7FF

CSS codes

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

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