#EADBFF - #B17ECE | 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 #EADBFF to #B17ECE

#EADBFF #B17ECE

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

#EADBFF - #B17ECE | 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 #EADBFF as 0% and #B17ECE as 100%.

0.0%	0.0% #EADBFF	RGB 234 219 255	#EADBFF
16.7%	16.7% #E0CBF6	RGB 224 203 246	#E0CBF6
33.3%	33.3% #D7BCEE	RGB 215 188 238	#D7BCEE
50.0%	50.0% #CDACE6	RGB 205 172 230	#CDACE6
66.7%	66.7% #C49DDE	RGB 196 157 222	#C49DDE
83.3%	83.3% #BA8DD6	RGB 186 141 214	#BA8DD6
100.0%	100.0% #B17ECE	RGB 177 126 206	#B17ECE

#EADBFF #E0CBF6 #D7BCEE #CDACE6 #C49DDE #BA8DD6 #B17ECE

#EADBFF - #B17ECE

HSV Blend

#EADBFF - #B17ECE | 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 #EADBFF as 0% and #B17ECE as 100%.

0.0%	0.0% #EADBFF	RGB 234 219 255	#EADBFF
16.7%	16.7% #DEC9F6	RGB 222 201 246	#DEC9F6
33.3%	33.3% #D3B9EE	RGB 211 185 238	#D3B9EE
50.0%	50.0% #C9A9E6	RGB 201 169 230	#C9A9E6
66.7%	66.7% #C09ADE	RGB 192 154 222	#C09ADE
83.3%	83.3% #B88BD6	RGB 184 139 214	#B88BD6
100.0%	100.0% #B17ECE	RGB 177 126 206	#B17ECE

#EADBFF #DEC9F6 #D3B9EE #C9A9E6 #C09ADE #B88BD6 #B17ECE

#EADBFF - #C9A9E6 - #B17ECE

CSS codes

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

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