#DDDFDE - #8BBAB6 | 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 #DDDFDE to #8BBAB6

#DDDFDE #8BBAB6

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

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

0.0%	0.0% #DDDFDE	RGB 221 223 222	#DDDFDE
16.7%	16.7% #CFD8D7	RGB 207 216 215	#CFD8D7
33.3%	33.3% #C1D2D0	RGB 193 210 208	#C1D2D0
50.0%	50.0% #B4CCCA	RGB 180 204 202	#B4CCCA
66.7%	66.7% #A6C6C3	RGB 166 198 195	#A6C6C3
83.3%	83.3% #98C0BC	RGB 152 192 188	#98C0BC
100.0%	100.0% #8BBAB6	RGB 139 186 182	#8BBAB6

#DDDFDE #CFD8D7 #C1D2D0 #B4CCCA #A6C6C3 #98C0BC #8BBAB6

#DDDFDE - #8BBAB6

HSV Blend

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

0.0%	0.0% #DDDFDE	RGB 221 223 222	#DDDFDE
16.7%	16.7% #CED8D4	RGB 206 216 212	#CED8D4
33.3%	33.3% #BFD2CB	RGB 191 210 203	#BFD2CB
50.0%	50.0% #B1CCC4	RGB 177 204 196	#B1CCC4
66.7%	66.7% #A4C6BE	RGB 164 198 190	#A4C6BE
83.3%	83.3% #97C0B9	RGB 151 192 185	#97C0B9
100.0%	100.0% #8BBAB6	RGB 139 186 182	#8BBAB6

#DDDFDE #CED8D4 #BFD2CB #B1CCC4 #A4C6BE #97C0B9 #8BBAB6

#DDDFDE - #B1CCC4 - #8BBAB6

CSS codes

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

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