#E2DCE7 - #998CAA | 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 #E2DCE7 to #998CAA

#E2DCE7 #998CAA

Calculate the color between two colors, #E2DCE7 and #998CAA. 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)

#E2DCE7 - #998CAA | 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 #E2DCE7 as 0% and #998CAA as 100%.

0.0%	0.0% #E2DCE7	RGB 226 220 231	#E2DCE7
16.7%	16.7% #D5CEDC	RGB 213 206 220	#D5CEDC
33.3%	33.3% #C9C1D2	RGB 201 193 210	#C9C1D2
50.0%	50.0% #BDB4C8	RGB 189 180 200	#BDB4C8
66.7%	66.7% #B1A6BE	RGB 177 166 190	#B1A6BE
83.3%	83.3% #A599B4	RGB 165 153 180	#A599B4
100.0%	100.0% #998CAA	RGB 153 140 170	#998CAA

#E2DCE7 #D5CEDC #C9C1D2 #BDB4C8 #B1A6BE #A599B4 #998CAA

#E2DCE7 - #998CAA

HSV Blend

#E2DCE7 - #998CAA | 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 #E2DCE7 as 0% and #998CAA as 100%.

0.0%	0.0% #E2DCE7	RGB 226 220 231	#E2DCE7
16.7%	16.7% #D5CDDC	RGB 213 205 220	#D5CDDC
33.3%	33.3% #C9BFD2	RGB 201 191 210	#C9BFD2
50.0%	50.0% #BDB2C8	RGB 189 178 200	#BDB2C8
66.7%	66.7% #B0A4BE	RGB 176 164 190	#B0A4BE
83.3%	83.3% #A498B4	RGB 164 152 180	#A498B4
100.0%	100.0% #998CAA	RGB 153 140 170	#998CAA

#E2DCE7 #D5CDDC #C9BFD2 #BDB2C8 #B0A4BE #A498B4 #998CAA

#E2DCE7 - #BDB2C8 - #998CAA

CSS codes

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

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