#EDDAFF - #C88AF7 | 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 #EDDAFF to #C88AF7

#EDDAFF #C88AF7

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

#EDDAFF - #C88AF7 | 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 #EDDAFF as 0% and #C88AF7 as 100%.

0.0%	0.0% #EDDAFF	RGB 237 218 255	#EDDAFF
16.7%	16.7% #E6CCFD	RGB 230 204 253	#E6CCFD
33.3%	33.3% #E0BFFC	RGB 224 191 252	#E0BFFC
50.0%	50.0% #DAB2FB	RGB 218 178 251	#DAB2FB
66.7%	66.7% #D4A4F9	RGB 212 164 249	#D4A4F9
83.3%	83.3% #CE97F8	RGB 206 151 248	#CE97F8
100.0%	100.0% #C88AF7	RGB 200 138 247	#C88AF7

#EDDAFF #E6CCFD #E0BFFC #DAB2FB #D4A4F9 #CE97F8 #C88AF7

#EDDAFF - #C88AF7

HSV Blend

#EDDAFF - #C88AF7 | 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 #EDDAFF as 0% and #C88AF7 as 100%.

0.0%	0.0% #EDDAFF	RGB 237 218 255	#EDDAFF
16.7%	16.7% #E6CCFD	RGB 230 204 253	#E6CCFD
33.3%	33.3% #DFBEFC	RGB 223 190 252	#DFBEFC
50.0%	50.0% #D9B1FB	RGB 217 177 251	#D9B1FB
66.7%	66.7% #D3A4F9	RGB 211 164 249	#D3A4F9
83.3%	83.3% #CD97F8	RGB 205 151 248	#CD97F8
100.0%	100.0% #C88AF7	RGB 200 138 247	#C88AF7

#EDDAFF #E6CCFD #DFBEFC #D9B1FB #D3A4F9 #CD97F8 #C88AF7

#EDDAFF - #D9B1FB - #C88AF7

CSS codes

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

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