#DBDEDA - #99AD8C | 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 #DBDEDA to #99AD8C

#DBDEDA #99AD8C

Calculate the color between two colors, #DBDEDA and #99AD8C. 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)

#DBDEDA - #99AD8C | 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 #DBDEDA as 0% and #99AD8C as 100%.

0.0%	0.0% #DBDEDA	RGB 219 222 218	#DBDEDA
16.7%	16.7% #D0D5CD	RGB 208 213 205	#D0D5CD
33.3%	33.3% #C5CDC0	RGB 197 205 192	#C5CDC0
50.0%	50.0% #BAC5B3	RGB 186 197 179	#BAC5B3
66.7%	66.7% #AFBDA6	RGB 175 189 166	#AFBDA6
83.3%	83.3% #A4B599	RGB 164 181 153	#A4B599
100.0%	100.0% #99AD8C	RGB 153 173 140	#99AD8C

#DBDEDA #D0D5CD #C5CDC0 #BAC5B3 #AFBDA6 #A4B599 #99AD8C

#DBDEDA - #99AD8C

HSV Blend

#DBDEDA - #99AD8C | 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 #DBDEDA as 0% and #99AD8C as 100%.

0.0%	0.0% #DBDEDA	RGB 219 222 218	#DBDEDA
16.7%	16.7% #CED5CB	RGB 206 213 203	#CED5CB
33.3%	33.3% #C2CDBE	RGB 194 205 190	#C2CDBE
50.0%	50.0% #B7C5B0	RGB 183 197 176	#B7C5B0
66.7%	66.7% #ACBDA4	RGB 172 189 164	#ACBDA4
83.3%	83.3% #A2B597	RGB 162 181 151	#A2B597
100.0%	100.0% #99AD8C	RGB 153 173 140	#99AD8C

#DBDEDA #CED5CB #C2CDBE #B7C5B0 #ACBDA4 #A2B597 #99AD8C

#DBDEDA - #B7C5B0 - #99AD8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DBDEDA 0%, #B7C5B0 50%, #99AD8C 100%);
    background: -webkit-linear-gradient(top, #DBDEDA 0%, #B7C5B0 50%, #99AD8C 100%);
    background: linear-gradient(to bottom, #DBDEDA 0%, #B7C5B0 50%, #99AD8C 100%);
}
</style>