#DCE6E1 - #8DBDAB | 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 #DCE6E1 to #8DBDAB

#DCE6E1 #8DBDAB

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

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

0.0%	0.0% #DCE6E1	RGB 220 230 225	#DCE6E1
16.7%	16.7% #CEDFD8	RGB 206 223 216	#CEDFD8
33.3%	33.3% #C1D8CF	RGB 193 216 207	#C1D8CF
50.0%	50.0% #B4D1C6	RGB 180 209 198	#B4D1C6
66.7%	66.7% #A7CABD	RGB 167 202 189	#A7CABD
83.3%	83.3% #9AC3B4	RGB 154 195 180	#9AC3B4
100.0%	100.0% #8DBDAB	RGB 141 189 171	#8DBDAB

#DCE6E1 #CEDFD8 #C1D8CF #B4D1C6 #A7CABD #9AC3B4 #8DBDAB

#DCE6E1 - #8DBDAB

HSV Blend

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

0.0%	0.0% #DCE6E1	RGB 220 230 225	#DCE6E1
16.7%	16.7% #CDDFD6	RGB 205 223 214	#CDDFD6
33.3%	33.3% #BFD8CD	RGB 191 216 205	#BFD8CD
50.0%	50.0% #B2D1C3	RGB 178 209 195	#B2D1C3
66.7%	66.7% #A5CABB	RGB 165 202 187	#A5CABB
83.3%	83.3% #98C3B2	RGB 152 195 178	#98C3B2
100.0%	100.0% #8DBDAB	RGB 141 189 171	#8DBDAB

#DCE6E1 #CDDFD6 #BFD8CD #B2D1C3 #A5CABB #98C3B2 #8DBDAB

#DCE6E1 - #B2D1C3 - #8DBDAB

CSS codes

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

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