#A8A2B7 - #E3BDFF | 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 #A8A2B7 to #E3BDFF

#A8A2B7 #E3BDFF

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

#A8A2B7 - #E3BDFF | 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 #A8A2B7 as 0% and #E3BDFF as 100%.

0.0%	0.0% #A8A2B7	RGB 168 162 183	#A8A2B7
16.7%	16.7% #B1A6C3	RGB 177 166 195	#B1A6C3
33.3%	33.3% #BBABCF	RGB 187 171 207	#BBABCF
50.0%	50.0% #C5AFDB	RGB 197 175 219	#C5AFDB
66.7%	66.7% #CFB4E7	RGB 207 180 231	#CFB4E7
83.3%	83.3% #D9B8F3	RGB 217 184 243	#D9B8F3
100.0%	100.0% #E3BDFF	RGB 227 189 255	#E3BDFF

#A8A2B7 #B1A6C3 #BBABCF #C5AFDB #CFB4E7 #D9B8F3 #E3BDFF

#A8A2B7 - #E3BDFF

HSV Blend

#A8A2B7 - #E3BDFF | 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 #A8A2B7 as 0% and #E3BDFF as 100%.

0.0%	0.0% #A8A2B7	RGB 168 162 183	#A8A2B7
16.7%	16.7% #B0A7C3	RGB 176 167 195	#B0A7C3
33.3%	33.3% #BAADCF	RGB 186 173 207	#BAADCF
50.0%	50.0% #C3B2DB	RGB 195 178 219	#C3B2DB
66.7%	66.7% #CDB6E7	RGB 205 182 231	#CDB6E7
83.3%	83.3% #D8B9F3	RGB 216 185 243	#D8B9F3
100.0%	100.0% #E3BDFF	RGB 227 189 255	#E3BDFF

#A8A2B7 #B0A7C3 #BAADCF #C3B2DB #CDB6E7 #D8B9F3 #E3BDFF

#A8A2B7 - #C3B2DB - #E3BDFF

CSS codes

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

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