#E7DCEC - #9C8CB0 | 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 #E7DCEC to #9C8CB0

#E7DCEC #9C8CB0

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

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

0.0%	0.0% #E7DCEC	RGB 231 220 236	#E7DCEC
16.7%	16.7% #DACEE2	RGB 218 206 226	#DACEE2
33.3%	33.3% #CEC1D8	RGB 206 193 216	#CEC1D8
50.0%	50.0% #C1B4CE	RGB 193 180 206	#C1B4CE
66.7%	66.7% #B5A6C4	RGB 181 166 196	#B5A6C4
83.3%	83.3% #A899BA	RGB 168 153 186	#A899BA
100.0%	100.0% #9C8CB0	RGB 156 140 176	#9C8CB0

#E7DCEC #DACEE2 #CEC1D8 #C1B4CE #B5A6C4 #A899BA #9C8CB0

#E7DCEC - #9C8CB0

HSV Blend

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

0.0%	0.0% #E7DCEC	RGB 231 220 236	#E7DCEC
16.7%	16.7% #DACDE2	RGB 218 205 226	#DACDE2
33.3%	33.3% #CEBFD8	RGB 206 191 216	#CEBFD8
50.0%	50.0% #C1B1CE	RGB 193 177 206	#C1B1CE
66.7%	66.7% #B5A4C4	RGB 181 164 196	#B5A4C4
83.3%	83.3% #A898BA	RGB 168 152 186	#A898BA
100.0%	100.0% #9C8CB0	RGB 156 140 176	#9C8CB0

#E7DCEC #DACDE2 #CEBFD8 #C1B1CE #B5A4C4 #A898BA #9C8CB0

#E7DCEC - #C1B1CE - #9C8CB0

CSS codes

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

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