#E6C0EE - #A45DB4 | 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 #E6C0EE to #A45DB4

#E6C0EE #A45DB4

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

#E6C0EE - #A45DB4 | 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 #E6C0EE as 0% and #A45DB4 as 100%.

0.0%	0.0% #E6C0EE	RGB 230 192 238	#E6C0EE
16.7%	16.7% #DBAFE4	RGB 219 175 228	#DBAFE4
33.3%	33.3% #D09FDA	RGB 208 159 218	#D09FDA
50.0%	50.0% #C58ED1	RGB 197 142 209	#C58ED1
66.7%	66.7% #BA7EC7	RGB 186 126 199	#BA7EC7
83.3%	83.3% #AF6DBD	RGB 175 109 189	#AF6DBD
100.0%	100.0% #A45DB4	RGB 164 93 180	#A45DB4

#E6C0EE #DBAFE4 #D09FDA #C58ED1 #BA7EC7 #AF6DBD #A45DB4

#E6C0EE - #A45DB4

HSV Blend

#E6C0EE - #A45DB4 | 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 #E6C0EE as 0% and #A45DB4 as 100%.

0.0%	0.0% #E6C0EE	RGB 230 192 238	#E6C0EE
16.7%	16.7% #DAADE4	RGB 218 173 228	#DAADE4
33.3%	33.3% #CF9BDA	RGB 207 155 218	#CF9BDA
50.0%	50.0% #C48AD1	RGB 196 138 209	#C48AD1
66.7%	66.7% #B97AC7	RGB 185 122 199	#B97AC7
83.3%	83.3% #AE6BBD	RGB 174 107 189	#AE6BBD
100.0%	100.0% #A45DB4	RGB 164 93 180	#A45DB4

#E6C0EE #DAADE4 #CF9BDA #C48AD1 #B97AC7 #AE6BBD #A45DB4

#E6C0EE - #C48AD1 - #A45DB4

CSS codes

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

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