#E2D5DA - #B58595 | 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 #E2D5DA to #B58595

#E2D5DA #B58595

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

#E2D5DA - #B58595 | 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 #E2D5DA as 0% and #B58595 as 100%.

0.0%	0.0% #E2D5DA	RGB 226 213 218	#E2D5DA
16.7%	16.7% #DAC7CE	RGB 218 199 206	#DAC7CE
33.3%	33.3% #D3BAC3	RGB 211 186 195	#D3BAC3
50.0%	50.0% #CBADB7	RGB 203 173 183	#CBADB7
66.7%	66.7% #C49FAC	RGB 196 159 172	#C49FAC
83.3%	83.3% #BC92A0	RGB 188 146 160	#BC92A0
100.0%	100.0% #B58595	RGB 181 133 149	#B58595

#E2D5DA #DAC7CE #D3BAC3 #CBADB7 #C49FAC #BC92A0 #B58595

#E2D5DA - #B58595

HSV Blend

#E2D5DA - #B58595 | 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 #E2D5DA as 0% and #B58595 as 100%.

0.0%	0.0% #E2D5DA	RGB 226 213 218	#E2D5DA
16.7%	16.7% #DAC6CD	RGB 218 198 205	#DAC6CD
33.3%	33.3% #D3B8C2	RGB 211 184 194	#D3B8C2
50.0%	50.0% #CBAAB6	RGB 203 170 182	#CBAAB6
66.7%	66.7% #C49DAB	RGB 196 157 171	#C49DAB
83.3%	83.3% #BC919F	RGB 188 145 159	#BC919F
100.0%	100.0% #B58595	RGB 181 133 149	#B58595

#E2D5DA #DAC6CD #D3B8C2 #CBAAB6 #C49DAB #BC919F #B58595

#E2D5DA - #CBAAB6 - #B58595

CSS codes

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

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