#EBDFF3 - #8C80C0 | 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 #EBDFF3 to #8C80C0

#EBDFF3 #8C80C0

Calculate the color between two colors, #EBDFF3 and #8C80C0. 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)

#EBDFF3 - #8C80C0 | 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 #EBDFF3 as 0% and #8C80C0 as 100%.

0.0%	0.0% #EBDFF3	RGB 235 223 243	#EBDFF3
16.7%	16.7% #DBCFEA	RGB 219 207 234	#DBCFEA
33.3%	33.3% #CBBFE2	RGB 203 191 226	#CBBFE2
50.0%	50.0% #BBAFD9	RGB 187 175 217	#BBAFD9
66.7%	66.7% #AB9FD1	RGB 171 159 209	#AB9FD1
83.3%	83.3% #9B8FC8	RGB 155 143 200	#9B8FC8
100.0%	100.0% #8C80C0	RGB 140 128 192	#8C80C0

#EBDFF3 #DBCFEA #CBBFE2 #BBAFD9 #AB9FD1 #9B8FC8 #8C80C0

#EBDFF3 - #8C80C0

HSV Blend

#EBDFF3 - #8C80C0 | 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 #EBDFF3 as 0% and #8C80C0 as 100%.

0.0%	0.0% #EBDFF3	RGB 235 223 243	#EBDFF3
16.7%	16.7% #DCCDEA	RGB 220 205 234	#DCCDEA
33.3%	33.3% #CDBCE2	RGB 205 188 226	#CDBCE2
50.0%	50.0% #BEACD9	RGB 190 172 217	#BEACD9
66.7%	66.7% #AD9CD1	RGB 173 156 209	#AD9CD1
83.3%	83.3% #9D8EC8	RGB 157 142 200	#9D8EC8
100.0%	100.0% #8C80C0	RGB 140 128 192	#8C80C0

#EBDFF3 #DCCDEA #CDBCE2 #BEACD9 #AD9CD1 #9D8EC8 #8C80C0

#EBDFF3 - #BEACD9 - #8C80C0

CSS codes

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

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