#D9DF8B - #DFDAC5 | 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 #D9DF8B to #DFDAC5

#D9DF8B #DFDAC5

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

#D9DF8B - #DFDAC5 | 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 #D9DF8B as 0% and #DFDAC5 as 100%.

0.0%	0.0% #D9DF8B	RGB 217 223 139	#D9DF8B
16.7%	16.7% #DADE94	RGB 218 222 148	#DADE94
33.3%	33.3% #DBDD9E	RGB 219 221 158	#DBDD9E
50.0%	50.0% #DCDCA8	RGB 220 220 168	#DCDCA8
66.7%	66.7% #DDDBB1	RGB 221 219 177	#DDDBB1
83.3%	83.3% #DEDABB	RGB 222 218 187	#DEDABB
100.0%	100.0% #DFDAC5	RGB 223 218 197	#DFDAC5

#D9DF8B #DADE94 #DBDD9E #DCDCA8 #DDDBB1 #DEDABB #DFDAC5

#D9DF8B - #DFDAC5

HSV Blend

#D9DF8B - #DFDAC5 | 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 #D9DF8B as 0% and #DFDAC5 as 100%.

0.0%	0.0% #D9DF8B	RGB 217 223 139	#D9DF8B
16.7%	16.7% #DCDF94	RGB 220 223 148	#DCDF94
33.3%	33.3% #DFDD9E	RGB 223 221 158	#DFDD9E
50.0%	50.0% #DFDBA8	RGB 223 219 168	#DFDBA8
66.7%	66.7% #DFDAB1	RGB 223 218 177	#DFDAB1
83.3%	83.3% #DFD9BB	RGB 223 217 187	#DFD9BB
100.0%	100.0% #DFDAC5	RGB 223 218 197	#DFDAC5

#D9DF8B #DCDF94 #DFDD9E #DFDBA8 #DFDAB1 #DFD9BB #DFDAC5

#D9DF8B - #DFDBA8 - #DFDAC5

CSS codes

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

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