#EDCBFF - #A068CD | 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 #EDCBFF to #A068CD

#EDCBFF #A068CD

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

#EDCBFF - #A068CD | 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 #EDCBFF as 0% and #A068CD as 100%.

0.0%	0.0% #EDCBFF	RGB 237 203 255	#EDCBFF
16.7%	16.7% #E0BAF6	RGB 224 186 246	#E0BAF6
33.3%	33.3% #D3AAEE	RGB 211 170 238	#D3AAEE
50.0%	50.0% #C699E6	RGB 198 153 230	#C699E6
66.7%	66.7% #B989DD	RGB 185 137 221	#B989DD
83.3%	83.3% #AC78D5	RGB 172 120 213	#AC78D5
100.0%	100.0% #A068CD	RGB 160 104 205	#A068CD

#EDCBFF #E0BAF6 #D3AAEE #C699E6 #B989DD #AC78D5 #A068CD

#EDCBFF - #A068CD

HSV Blend

#EDCBFF - #A068CD | 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 #EDCBFF as 0% and #A068CD as 100%.

0.0%	0.0% #EDCBFF	RGB 237 203 255	#EDCBFF
16.7%	16.7% #E0B8F6	RGB 224 184 246	#E0B8F6
33.3%	33.3% #D3A6EE	RGB 211 166 238	#D3A6EE
50.0%	50.0% #C695E6	RGB 198 149 230	#C695E6
66.7%	66.7% #B985DD	RGB 185 133 221	#B985DD
83.3%	83.3% #AC76D5	RGB 172 118 213	#AC76D5
100.0%	100.0% #A068CD	RGB 160 104 205	#A068CD

#EDCBFF #E0B8F6 #D3A6EE #C695E6 #B985DD #AC76D5 #A068CD

#EDCBFF - #C695E6 - #A068CD

CSS codes

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

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