#E4DEF6 - #9F87C0 | 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 #E4DEF6 to #9F87C0

#E4DEF6 #9F87C0

Calculate the color between two colors, #E4DEF6 and #9F87C0. 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)

#E4DEF6 - #9F87C0 | 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 #E4DEF6 as 0% and #9F87C0 as 100%.

0.0%	0.0% #E4DEF6	RGB 228 222 246	#E4DEF6
16.7%	16.7% #D8CFED	RGB 216 207 237	#D8CFED
33.3%	33.3% #CDC1E4	RGB 205 193 228	#CDC1E4
50.0%	50.0% #C1B2DB	RGB 193 178 219	#C1B2DB
66.7%	66.7% #B6A4D2	RGB 182 164 210	#B6A4D2
83.3%	83.3% #AA95C9	RGB 170 149 201	#AA95C9
100.0%	100.0% #9F87C0	RGB 159 135 192	#9F87C0

#E4DEF6 #D8CFED #CDC1E4 #C1B2DB #B6A4D2 #AA95C9 #9F87C0

#E4DEF6 - #9F87C0

HSV Blend

#E4DEF6 - #9F87C0 | 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 #E4DEF6 as 0% and #9F87C0 as 100%.

0.0%	0.0% #E4DEF6	RGB 228 222 246	#E4DEF6
16.7%	16.7% #D6CEED	RGB 214 206 237	#D6CEED
33.3%	33.3% #CABEE4	RGB 202 190 228	#CABEE4
50.0%	50.0% #BEAFDB	RGB 190 175 219	#BEAFDB
66.7%	66.7% #B3A1D2	RGB 179 161 210	#B3A1D2
83.3%	83.3% #A894C9	RGB 168 148 201	#A894C9
100.0%	100.0% #9F87C0	RGB 159 135 192	#9F87C0

#E4DEF6 #D6CEED #CABEE4 #BEAFDB #B3A1D2 #A894C9 #9F87C0

#E4DEF6 - #BEAFDB - #9F87C0

CSS codes

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

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