#DBDAC8 - #8FA07A | 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 #DBDAC8 to #8FA07A

#DBDAC8 #8FA07A

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

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

0.0%	0.0% #DBDAC8	RGB 219 218 200	#DBDAC8
16.7%	16.7% #CED0BB	RGB 206 208 187	#CED0BB
33.3%	33.3% #C1C6AE	RGB 193 198 174	#C1C6AE
50.0%	50.0% #B5BDA1	RGB 181 189 161	#B5BDA1
66.7%	66.7% #A8B394	RGB 168 179 148	#A8B394
83.3%	83.3% #9BA987	RGB 155 169 135	#9BA987
100.0%	100.0% #8FA07A	RGB 143 160 122	#8FA07A

#DBDAC8 #CED0BB #C1C6AE #B5BDA1 #A8B394 #9BA987 #8FA07A

#DBDAC8 - #8FA07A

HSV Blend

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

0.0%	0.0% #DBDAC8	RGB 219 218 200	#DBDAC8
16.7%	16.7% #D0D1B9	RGB 208 209 185	#D0D1B9
33.3%	33.3% #C4C7AC	RGB 196 199 172	#C4C7AC
50.0%	50.0% #B7BD9E	RGB 183 189 158	#B7BD9E
66.7%	66.7% #AAB392	RGB 170 179 146	#AAB392
83.3%	83.3% #9CA985	RGB 156 169 133	#9CA985
100.0%	100.0% #8FA07A	RGB 143 160 122	#8FA07A

#DBDAC8 #D0D1B9 #C4C7AC #B7BD9E #AAB392 #9CA985 #8FA07A

#DBDAC8 - #B7BD9E - #8FA07A

CSS codes

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

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