#A5A5AA - #E3C2FF | 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 #A5A5AA to #E3C2FF

#A5A5AA #E3C2FF

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

#A5A5AA - #E3C2FF | 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 #A5A5AA as 0% and #E3C2FF as 100%.

0.0%	0.0% #A5A5AA	RGB 165 165 170	#A5A5AA
16.7%	16.7% #AFA9B8	RGB 175 169 184	#AFA9B8
33.3%	33.3% #B9AEC6	RGB 185 174 198	#B9AEC6
50.0%	50.0% #C4B3D4	RGB 196 179 212	#C4B3D4
66.7%	66.7% #CEB8E2	RGB 206 184 226	#CEB8E2
83.3%	83.3% #D8BDF0	RGB 216 189 240	#D8BDF0
100.0%	100.0% #E3C2FF	RGB 227 194 255	#E3C2FF

#A5A5AA #AFA9B8 #B9AEC6 #C4B3D4 #CEB8E2 #D8BDF0 #E3C2FF

#A5A5AA - #E3C2FF

HSV Blend

#A5A5AA - #E3C2FF | 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 #A5A5AA as 0% and #E3C2FF as 100%.

0.0%	0.0% #A5A5AA	RGB 165 165 170	#A5A5AA
16.7%	16.7% #ADACB8	RGB 173 172 184	#ADACB8
33.3%	33.3% #B6B2C6	RGB 182 178 198	#B6B2C6
50.0%	50.0% #BFB7D4	RGB 191 183 212	#BFB7D4
66.7%	66.7% #CABCE2	RGB 202 188 226	#CABCE2
83.3%	83.3% #D5BFF0	RGB 213 191 240	#D5BFF0
100.0%	100.0% #E3C2FF	RGB 227 194 255	#E3C2FF

#A5A5AA #ADACB8 #B6B2C6 #BFB7D4 #CABCE2 #D5BFF0 #E3C2FF

#A5A5AA - #BFB7D4 - #E3C2FF

CSS codes

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

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