#DBDFDD - #8FB596 | 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 #DBDFDD to #8FB596

#DBDFDD #8FB596

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

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

0.0%	0.0% #DBDFDD	RGB 219 223 221	#DBDFDD
16.7%	16.7% #CED8D1	RGB 206 216 209	#CED8D1
33.3%	33.3% #C1D1C5	RGB 193 209 197	#C1D1C5
50.0%	50.0% #B5CAB9	RGB 181 202 185	#B5CAB9
66.7%	66.7% #A8C3AD	RGB 168 195 173	#A8C3AD
83.3%	83.3% #9BBCA1	RGB 155 188 161	#9BBCA1
100.0%	100.0% #8FB596	RGB 143 181 150	#8FB596

#DBDFDD #CED8D1 #C1D1C5 #B5CAB9 #A8C3AD #9BBCA1 #8FB596

#DBDFDD - #8FB596

HSV Blend

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

0.0%	0.0% #DBDFDD	RGB 219 223 221	#DBDFDD
16.7%	16.7% #CDD8D2	RGB 205 216 210	#CDD8D2
33.3%	33.3% #BFD1C6	RGB 191 209 198	#BFD1C6
50.0%	50.0% #B2CABA	RGB 178 202 186	#B2CABA
66.7%	66.7% #A6C3AE	RGB 166 195 174	#A6C3AE
83.3%	83.3% #9ABCA2	RGB 154 188 162	#9ABCA2
100.0%	100.0% #8FB596	RGB 143 181 150	#8FB596

#DBDFDD #CDD8D2 #BFD1C6 #B2CABA #A6C3AE #9ABCA2 #8FB596

#DBDFDD - #B2CABA - #8FB596

CSS codes

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

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