#D8DCDB - #8DABA4 | 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 #D8DCDB to #8DABA4

#D8DCDB #8DABA4

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

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

0.0%	0.0% #D8DCDB	RGB 216 220 219	#D8DCDB
16.7%	16.7% #CBD3D1	RGB 203 211 209	#CBD3D1
33.3%	33.3% #BFCBC8	RGB 191 203 200	#BFCBC8
50.0%	50.0% #B2C3BF	RGB 178 195 191	#B2C3BF
66.7%	66.7% #A6BBB6	RGB 166 187 182	#A6BBB6
83.3%	83.3% #99B3AD	RGB 153 179 173	#99B3AD
100.0%	100.0% #8DABA4	RGB 141 171 164	#8DABA4

#D8DCDB #CBD3D1 #BFCBC8 #B2C3BF #A6BBB6 #99B3AD #8DABA4

#D8DCDB - #8DABA4

HSV Blend

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

0.0%	0.0% #D8DCDB	RGB 216 220 219	#D8DCDB
16.7%	16.7% #CAD3D1	RGB 202 211 209	#CAD3D1
33.3%	33.3% #BDCBC8	RGB 189 203 200	#BDCBC8
50.0%	50.0% #B0C3BE	RGB 176 195 190	#B0C3BE
66.7%	66.7% #A4BBB5	RGB 164 187 181	#A4BBB5
83.3%	83.3% #98B3AC	RGB 152 179 172	#98B3AC
100.0%	100.0% #8DABA4	RGB 141 171 164	#8DABA4

#D8DCDB #CAD3D1 #BDCBC8 #B0C3BE #A4BBB5 #98B3AC #8DABA4

#D8DCDB - #B0C3BE - #8DABA4

CSS codes

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

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