#E4DEE5 - #B67AB1 | 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 #E4DEE5 to #B67AB1

#E4DEE5 #B67AB1

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

#E4DEE5 - #B67AB1 | 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 #E4DEE5 as 0% and #B67AB1 as 100%.

0.0%	0.0% #E4DEE5	RGB 228 222 229	#E4DEE5
16.7%	16.7% #DCCDDC	RGB 220 205 220	#DCCDDC
33.3%	33.3% #D4BCD3	RGB 212 188 211	#D4BCD3
50.0%	50.0% #CDACCB	RGB 205 172 203	#CDACCB
66.7%	66.7% #C59BC2	RGB 197 155 194	#C59BC2
83.3%	83.3% #BD8AB9	RGB 189 138 185	#BD8AB9
100.0%	100.0% #B67AB1	RGB 182 122 177	#B67AB1

#E4DEE5 #DCCDDC #D4BCD3 #CDACCB #C59BC2 #BD8AB9 #B67AB1

#E4DEE5 - #B67AB1

HSV Blend

#E4DEE5 - #B67AB1 | 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 #E4DEE5 as 0% and #B67AB1 as 100%.

0.0%	0.0% #E4DEE5	RGB 228 222 229	#E4DEE5
16.7%	16.7% #DBCBDD	RGB 219 203 221	#DBCBDD
33.3%	33.3% #D3B9D5	RGB 211 185 213	#D3B9D5
50.0%	50.0% #CCA8CD	RGB 204 168 205	#CCA8CD
66.7%	66.7% #C598C5	RGB 197 152 197	#C598C5
83.3%	83.3% #BD88BB	RGB 189 136 187	#BD88BB
100.0%	100.0% #B67AB1	RGB 182 122 177	#B67AB1

#E4DEE5 #DBCBDD #D3B9D5 #CCA8CD #C598C5 #BD88BB #B67AB1

#E4DEE5 - #CCA8CD - #B67AB1

CSS codes

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

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