#E8DFEC - #9F88B6 | 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 #E8DFEC to #9F88B6

#E8DFEC #9F88B6

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

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

0.0%	0.0% #E8DFEC	RGB 232 223 236	#E8DFEC
16.7%	16.7% #DBD0E3	RGB 219 208 227	#DBD0E3
33.3%	33.3% #CFC2DA	RGB 207 194 218	#CFC2DA
50.0%	50.0% #C3B3D1	RGB 195 179 209	#C3B3D1
66.7%	66.7% #B7A5C8	RGB 183 165 200	#B7A5C8
83.3%	83.3% #AB96BF	RGB 171 150 191	#AB96BF
100.0%	100.0% #9F88B6	RGB 159 136 182	#9F88B6

#E8DFEC #DBD0E3 #CFC2DA #C3B3D1 #B7A5C8 #AB96BF #9F88B6

#E8DFEC - #9F88B6

HSV Blend

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

0.0%	0.0% #E8DFEC	RGB 232 223 236	#E8DFEC
16.7%	16.7% #DCCFE3	RGB 220 207 227	#DCCFE3
33.3%	33.3% #D0BFDA	RGB 208 191 218	#D0BFDA
50.0%	50.0% #C4B0D1	RGB 196 176 209	#C4B0D1
66.7%	66.7% #B7A2C8	RGB 183 162 200	#B7A2C8
83.3%	83.3% #AB95BF	RGB 171 149 191	#AB95BF
100.0%	100.0% #9F88B6	RGB 159 136 182	#9F88B6

#E8DFEC #DCCFE3 #D0BFDA #C4B0D1 #B7A2C8 #AB95BF #9F88B6

#E8DFEC - #C4B0D1 - #9F88B6

CSS codes

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

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