#A94ECE - #E6CCF1 | 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 #A94ECE to #E6CCF1

#A94ECE #E6CCF1

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

#A94ECE - #E6CCF1 | 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 #A94ECE as 0% and #E6CCF1 as 100%.

0.0%	0.0% #A94ECE	RGB 169 78 206	#A94ECE
16.7%	16.7% #B363D3	RGB 179 99 211	#B363D3
33.3%	33.3% #BD78D9	RGB 189 120 217	#BD78D9
50.0%	50.0% #C78DDF	RGB 199 141 223	#C78DDF
66.7%	66.7% #D1A2E5	RGB 209 162 229	#D1A2E5
83.3%	83.3% #DBB7EB	RGB 219 183 235	#DBB7EB
100.0%	100.0% #E6CCF1	RGB 230 204 241	#E6CCF1

#A94ECE #B363D3 #BD78D9 #C78DDF #D1A2E5 #DBB7EB #E6CCF1

#A94ECE - #E6CCF1

HSV Blend

#A94ECE - #E6CCF1 | 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 #A94ECE as 0% and #E6CCF1 as 100%.

0.0%	0.0% #A94ECE	RGB 169 78 206	#A94ECE
16.7%	16.7% #B260D3	RGB 178 96 211	#B260D3
33.3%	33.3% #BC74D9	RGB 188 116 217	#BC74D9
50.0%	50.0% #C688DF	RGB 198 136 223	#C688DF
66.7%	66.7% #D09EE5	RGB 208 158 229	#D09EE5
83.3%	83.3% #DBB4EB	RGB 219 180 235	#DBB4EB
100.0%	100.0% #E6CCF1	RGB 230 204 241	#E6CCF1

#A94ECE #B260D3 #BC74D9 #C688DF #D09EE5 #DBB4EB #E6CCF1

#A94ECE - #C688DF - #E6CCF1

CSS codes

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

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