#E2DAE5 - #958BA7 | 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 #E2DAE5 to #958BA7

#E2DAE5 #958BA7

Calculate the color between two colors, #E2DAE5 and #958BA7. 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)

#E2DAE5 - #958BA7 | 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 #E2DAE5 as 0% and #958BA7 as 100%.

0.0%	0.0% #E2DAE5	RGB 226 218 229	#E2DAE5
16.7%	16.7% #D5CCDA	RGB 213 204 218	#D5CCDA
33.3%	33.3% #C8BFD0	RGB 200 191 208	#C8BFD0
50.0%	50.0% #BBB2C6	RGB 187 178 198	#BBB2C6
66.7%	66.7% #AEA5BB	RGB 174 165 187	#AEA5BB
83.3%	83.3% #A198B1	RGB 161 152 177	#A198B1
100.0%	100.0% #958BA7	RGB 149 139 167	#958BA7

#E2DAE5 #D5CCDA #C8BFD0 #BBB2C6 #AEA5BB #A198B1 #958BA7

#E2DAE5 - #958BA7

HSV Blend

#E2DAE5 - #958BA7 | 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 #E2DAE5 as 0% and #958BA7 as 100%.

0.0%	0.0% #E2DAE5	RGB 226 218 229	#E2DAE5
16.7%	16.7% #D5CBDA	RGB 213 203 218	#D5CBDA
33.3%	33.3% #C9BED0	RGB 201 190 208	#C9BED0
50.0%	50.0% #BCB0C6	RGB 188 176 198	#BCB0C6
66.7%	66.7% #AFA3BB	RGB 175 163 187	#AFA3BB
83.3%	83.3% #A297B1	RGB 162 151 177	#A297B1
100.0%	100.0% #958BA7	RGB 149 139 167	#958BA7

#E2DAE5 #D5CBDA #C9BED0 #BCB0C6 #AFA3BB #A297B1 #958BA7

#E2DAE5 - #BCB0C6 - #958BA7

CSS codes

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

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