#7B4ECE - #D9CCF1 | 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 #7B4ECE to #D9CCF1

#7B4ECE #D9CCF1

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

#7B4ECE - #D9CCF1 | 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 #7B4ECE as 0% and #D9CCF1 as 100%.

0.0%	0.0% #7B4ECE	RGB 123 78 206	#7B4ECE
16.7%	16.7% #8A63D3	RGB 138 99 211	#8A63D3
33.3%	33.3% #9A78D9	RGB 154 120 217	#9A78D9
50.0%	50.0% #AA8DDF	RGB 170 141 223	#AA8DDF
66.7%	66.7% #B9A2E5	RGB 185 162 229	#B9A2E5
83.3%	83.3% #C9B7EB	RGB 201 183 235	#C9B7EB
100.0%	100.0% #D9CCF1	RGB 217 204 241	#D9CCF1

#7B4ECE #8A63D3 #9A78D9 #AA8DDF #B9A2E5 #C9B7EB #D9CCF1

#7B4ECE - #D9CCF1

HSV Blend

#7B4ECE - #D9CCF1 | 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 #7B4ECE as 0% and #D9CCF1 as 100%.

0.0%	0.0% #7B4ECE	RGB 123 78 206	#7B4ECE
16.7%	16.7% #8960D3	RGB 137 96 211	#8960D3
33.3%	33.3% #9774D9	RGB 151 116 217	#9774D9
50.0%	50.0% #A788DF	RGB 167 136 223	#A788DF
66.7%	66.7% #B79EE5	RGB 183 158 229	#B79EE5
83.3%	83.3% #C7B4EB	RGB 199 180 235	#C7B4EB
100.0%	100.0% #D9CCF1	RGB 217 204 241	#D9CCF1

#7B4ECE #8960D3 #9774D9 #A788DF #B79EE5 #C7B4EB #D9CCF1

#7B4ECE - #A788DF - #D9CCF1

CSS codes

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

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