#EDDCFF - #A583CD | 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 #EDDCFF to #A583CD

#EDDCFF #A583CD

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

#EDDCFF - #A583CD | 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 #EDDCFF as 0% and #A583CD as 100%.

0.0%	0.0% #EDDCFF	RGB 237 220 255	#EDDCFF
16.7%	16.7% #E1CDF6	RGB 225 205 246	#E1CDF6
33.3%	33.3% #D5BEEE	RGB 213 190 238	#D5BEEE
50.0%	50.0% #C9AFE6	RGB 201 175 230	#C9AFE6
66.7%	66.7% #BDA0DD	RGB 189 160 221	#BDA0DD
83.3%	83.3% #B191D5	RGB 177 145 213	#B191D5
100.0%	100.0% #A583CD	RGB 165 131 205	#A583CD

#EDDCFF #E1CDF6 #D5BEEE #C9AFE6 #BDA0DD #B191D5 #A583CD

#EDDCFF - #A583CD

HSV Blend

#EDDCFF - #A583CD | 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 #EDDCFF as 0% and #A583CD as 100%.

0.0%	0.0% #EDDCFF	RGB 237 220 255	#EDDCFF
16.7%	16.7% #E0CBF6	RGB 224 203 246	#E0CBF6
33.3%	33.3% #D3BBEE	RGB 211 187 238	#D3BBEE
50.0%	50.0% #C7ACE6	RGB 199 172 230	#C7ACE6
66.7%	66.7% #BB9EDD	RGB 187 158 221	#BB9EDD
83.3%	83.3% #B090D5	RGB 176 144 213	#B090D5
100.0%	100.0% #A583CD	RGB 165 131 205	#A583CD

#EDDCFF #E0CBF6 #D3BBEE #C7ACE6 #BB9EDD #B090D5 #A583CD

#EDDCFF - #C7ACE6 - #A583CD

CSS codes

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

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