#D8DA96 - #DBD9CF | 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 #D8DA96 to #DBD9CF

#D8DA96 #DBD9CF

Calculate the color between two colors, #D8DA96 and #DBD9CF. 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)

#D8DA96 - #DBD9CF | 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 #D8DA96 as 0% and #DBD9CF as 100%.

0.0%	0.0% #D8DA96	RGB 216 218 150	#D8DA96
16.7%	16.7% #D8D99F	RGB 216 217 159	#D8D99F
33.3%	33.3% #D9D9A9	RGB 217 217 169	#D9D9A9
50.0%	50.0% #D9D9B2	RGB 217 217 178	#D9D9B2
66.7%	66.7% #DAD9BC	RGB 218 217 188	#DAD9BC
83.3%	83.3% #DAD9C5	RGB 218 217 197	#DAD9C5
100.0%	100.0% #DBD9CF	RGB 219 217 207	#DBD9CF

#D8DA96 #D8D99F #D9D9A9 #D9D9B2 #DAD9BC #DAD9C5 #DBD9CF

#D8DA96 - #DBD9CF

HSV Blend

#D8DA96 - #DBD9CF | 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 #D8DA96 as 0% and #DBD9CF as 100%.

0.0%	0.0% #D8DA96	RGB 216 218 150	#D8DA96
16.7%	16.7% #DAD99F	RGB 218 217 159	#DAD99F
33.3%	33.3% #DAD8A8	RGB 218 216 168	#DAD8A8
50.0%	50.0% #DAD7B2	RGB 218 215 178	#DAD7B2
66.7%	66.7% #DAD7BB	RGB 218 215 187	#DAD7BB
83.3%	83.3% #DAD7C5	RGB 218 215 197	#DAD7C5
100.0%	100.0% #DBD9CF	RGB 219 217 207	#DBD9CF

#D8DA96 #DAD99F #DAD8A8 #DAD7B2 #DAD7BB #DAD7C5 #DBD9CF

#D8DA96 - #DAD7B2 - #DBD9CF

CSS codes

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

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