#A67FCD - #E5DAF0 | 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 #A67FCD to #E5DAF0

#A67FCD #E5DAF0

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

#A67FCD - #E5DAF0 | 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 #A67FCD as 0% and #E5DAF0 as 100%.

0.0%	0.0% #A67FCD	RGB 166 127 205	#A67FCD
16.7%	16.7% #B08ED2	RGB 176 142 210	#B08ED2
33.3%	33.3% #BB9DD8	RGB 187 157 216	#BB9DD8
50.0%	50.0% #C5ACDE	RGB 197 172 222	#C5ACDE
66.7%	66.7% #D0BBE4	RGB 208 187 228	#D0BBE4
83.3%	83.3% #DACAEA	RGB 218 202 234	#DACAEA
100.0%	100.0% #E5DAF0	RGB 229 218 240	#E5DAF0

#A67FCD #B08ED2 #BB9DD8 #C5ACDE #D0BBE4 #DACAEA #E5DAF0

#A67FCD - #E5DAF0

HSV Blend

#A67FCD - #E5DAF0 | 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 #A67FCD as 0% and #E5DAF0 as 100%.

0.0%	0.0% #A67FCD	RGB 166 127 205	#A67FCD
16.7%	16.7% #AF8CD2	RGB 175 140 210	#AF8CD2
33.3%	33.3% #B99BD8	RGB 185 155 216	#B99BD8
50.0%	50.0% #C4A9DE	RGB 196 169 222	#C4A9DE
66.7%	66.7% #CEB9E4	RGB 206 185 228	#CEB9E4
83.3%	83.3% #D9C9EA	RGB 217 201 234	#D9C9EA
100.0%	100.0% #E5DAF0	RGB 229 218 240	#E5DAF0

#A67FCD #AF8CD2 #B99BD8 #C4A9DE #CEB9E4 #D9C9EA #E5DAF0

#A67FCD - #C4A9DE - #E5DAF0

CSS codes

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

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