#EDAFFF - #993BCE | 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 #EDAFFF to #993BCE

#EDAFFF #993BCE

Calculate the color between two colors, #EDAFFF and #993BCE. 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)

#EDAFFF - #993BCE | 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 #EDAFFF as 0% and #993BCE as 100%.

0.0%	0.0% #EDAFFF	RGB 237 175 255	#EDAFFF
16.7%	16.7% #DF9BF6	RGB 223 155 246	#DF9BF6
33.3%	33.3% #D188EE	RGB 209 136 238	#D188EE
50.0%	50.0% #C375E6	RGB 195 117 230	#C375E6
66.7%	66.7% #B561DE	RGB 181 97 222	#B561DE
83.3%	83.3% #A74ED6	RGB 167 78 214	#A74ED6
100.0%	100.0% #993BCE	RGB 153 59 206	#993BCE

#EDAFFF #DF9BF6 #D188EE #C375E6 #B561DE #A74ED6 #993BCE

#EDAFFF - #993BCE

HSV Blend

#EDAFFF - #993BCE | 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 #EDAFFF as 0% and #993BCE as 100%.

0.0%	0.0% #EDAFFF	RGB 237 175 255	#EDAFFF
16.7%	16.7% #DF98F6	RGB 223 152 246	#DF98F6
33.3%	33.3% #D183EE	RGB 209 131 238	#D183EE
50.0%	50.0% #C370E6	RGB 195 112 230	#C370E6
66.7%	66.7% #B55DDE	RGB 181 93 222	#B55DDE
83.3%	83.3% #A74BD6	RGB 167 75 214	#A74BD6
100.0%	100.0% #993BCE	RGB 153 59 206	#993BCE

#EDAFFF #DF98F6 #D183EE #C370E6 #B55DDE #A74BD6 #993BCE

#EDAFFF - #C370E6 - #993BCE

CSS codes

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

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