#A26CA8 - #E3D5E6 | 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 #A26CA8 to #E3D5E6

#A26CA8 #E3D5E6

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

#A26CA8 - #E3D5E6 | 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 #A26CA8 as 0% and #E3D5E6 as 100%.

0.0%	0.0% #A26CA8	RGB 162 108 168	#A26CA8
16.7%	16.7% #AC7DB2	RGB 172 125 178	#AC7DB2
33.3%	33.3% #B78FBC	RGB 183 143 188	#B78FBC
50.0%	50.0% #C2A0C7	RGB 194 160 199	#C2A0C7
66.7%	66.7% #CDB2D1	RGB 205 178 209	#CDB2D1
83.3%	83.3% #D8C3DB	RGB 216 195 219	#D8C3DB
100.0%	100.0% #E3D5E6	RGB 227 213 230	#E3D5E6

#A26CA8 #AC7DB2 #B78FBC #C2A0C7 #CDB2D1 #D8C3DB #E3D5E6

#A26CA8 - #E3D5E6

HSV Blend

#A26CA8 - #E3D5E6 | 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 #A26CA8 as 0% and #E3D5E6 as 100%.

0.0%	0.0% #A26CA8	RGB 162 108 168	#A26CA8
16.7%	16.7% #AC7BB2	RGB 172 123 178	#AC7BB2
33.3%	33.3% #B68BBC	RGB 182 139 188	#B68BBC
50.0%	50.0% #C19CC7	RGB 193 156 199	#C19CC7
66.7%	66.7% #CCAED1	RGB 204 174 209	#CCAED1
83.3%	83.3% #D7C1DB	RGB 215 193 219	#D7C1DB
100.0%	100.0% #E3D5E6	RGB 227 213 230	#E3D5E6

#A26CA8 #AC7BB2 #B68BBC #C19CC7 #CCAED1 #D7C1DB #E3D5E6

#A26CA8 - #C19CC7 - #E3D5E6

CSS codes

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

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