#A58FDB - #E5DFF4 | 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 #A58FDB to #E5DFF4

#A58FDB #E5DFF4

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

#A58FDB - #E5DFF4 | 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 #A58FDB as 0% and #E5DFF4 as 100%.

0.0%	0.0% #A58FDB	RGB 165 143 219	#A58FDB
16.7%	16.7% #AF9CDF	RGB 175 156 223	#AF9CDF
33.3%	33.3% #BAA9E3	RGB 186 169 227	#BAA9E3
50.0%	50.0% #C5B7E7	RGB 197 183 231	#C5B7E7
66.7%	66.7% #CFC4EB	RGB 207 196 235	#CFC4EB
83.3%	83.3% #DAD1EF	RGB 218 209 239	#DAD1EF
100.0%	100.0% #E5DFF4	RGB 229 223 244	#E5DFF4

#A58FDB #AF9CDF #BAA9E3 #C5B7E7 #CFC4EB #DAD1EF #E5DFF4

#A58FDB - #E5DFF4

HSV Blend

#A58FDB - #E5DFF4 | 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 #A58FDB as 0% and #E5DFF4 as 100%.

0.0%	0.0% #A58FDB	RGB 165 143 219	#A58FDB
16.7%	16.7% #AE9BDF	RGB 174 155 223	#AE9BDF
33.3%	33.3% #B9A8E3	RGB 185 168 227	#B9A8E3
50.0%	50.0% #C3B5E7	RGB 195 181 231	#C3B5E7
66.7%	66.7% #CEC2EB	RGB 206 194 235	#CEC2EB
83.3%	83.3% #D9D0EF	RGB 217 208 239	#D9D0EF
100.0%	100.0% #E5DFF4	RGB 229 223 244	#E5DFF4

#A58FDB #AE9BDF #B9A8E3 #C3B5E7 #CEC2EB #D9D0EF #E5DFF4

#A58FDB - #C3B5E7 - #E5DFF4

CSS codes

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

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