#DBDDD9 - #8FA18C | 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 #DBDDD9 to #8FA18C

#DBDDD9 #8FA18C

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

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

0.0%	0.0% #DBDDD9	RGB 219 221 217	#DBDDD9
16.7%	16.7% #CED3CC	RGB 206 211 204	#CED3CC
33.3%	33.3% #C1C9BF	RGB 193 201 191	#C1C9BF
50.0%	50.0% #B5BFB2	RGB 181 191 178	#B5BFB2
66.7%	66.7% #A8B5A5	RGB 168 181 165	#A8B5A5
83.3%	83.3% #9BAB98	RGB 155 171 152	#9BAB98
100.0%	100.0% #8FA18C	RGB 143 161 140	#8FA18C

#DBDDD9 #CED3CC #C1C9BF #B5BFB2 #A8B5A5 #9BAB98 #8FA18C

#DBDDD9 - #8FA18C

HSV Blend

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

0.0%	0.0% #DBDDD9	RGB 219 221 217	#DBDDD9
16.7%	16.7% #CED3CB	RGB 206 211 203	#CED3CB
33.3%	33.3% #C2C9BD	RGB 194 201 189	#C2C9BD
50.0%	50.0% #B5BFB0	RGB 181 191 176	#B5BFB0
66.7%	66.7% #A8B5A4	RGB 168 181 164	#A8B5A4
83.3%	83.3% #9BAB97	RGB 155 171 151	#9BAB97
100.0%	100.0% #8FA18C	RGB 143 161 140	#8FA18C

#DBDDD9 #CED3CB #C2C9BD #B5BFB0 #A8B5A4 #9BAB97 #8FA18C

#DBDDD9 - #B5BFB0 - #8FA18C

CSS codes

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

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