#8DA3AC - #E2D3BF | 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 #8DA3AC to #E2D3BF

#8DA3AC #E2D3BF

Calculate the color between two colors, #8DA3AC and #E2D3BF. 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)

#8DA3AC - #E2D3BF | 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 #8DA3AC as 0% and #E2D3BF as 100%.

0.0%	0.0% #8DA3AC	RGB 141 163 172	#8DA3AC
16.7%	16.7% #9BABAF	RGB 155 171 175	#9BABAF
33.3%	33.3% #A9B3B2	RGB 169 179 178	#A9B3B2
50.0%	50.0% #B7BBB5	RGB 183 187 181	#B7BBB5
66.7%	66.7% #C5C3B8	RGB 197 195 184	#C5C3B8
83.3%	83.3% #D3CBBB	RGB 211 203 187	#D3CBBB
100.0%	100.0% #E2D3BF	RGB 226 211 191	#E2D3BF

#8DA3AC #9BABAF #A9B3B2 #B7BBB5 #C5C3B8 #D3CBBB #E2D3BF

#8DA3AC - #E2D3BF

HSV Blend

#8DA3AC - #E2D3BF | 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 #8DA3AC as 0% and #E2D3BF as 100%.

0.0%	0.0% #8DA3AC	RGB 141 163 172	#8DA3AC
16.7%	16.7% #95B5AF	RGB 149 181 175	#95B5AF
33.3%	33.3% #9DBEA9	RGB 157 190 169	#9DBEA9
50.0%	50.0% #A7C7A5	RGB 167 199 165	#A7C7A5
66.7%	66.7% #BFD0AE	RGB 191 208 174	#BFD0AE
83.3%	83.3% #D8D9B6	RGB 216 217 182	#D8D9B6
100.0%	100.0% #E2D3BF	RGB 226 211 191	#E2D3BF

#8DA3AC #95B5AF #9DBEA9 #A7C7A5 #BFD0AE #D8D9B6 #E2D3BF

#8DA3AC - #A7C7A5 - #E2D3BF

CSS codes

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

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