#DDDB8C - #B9AD3A | 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 #DDDB8C to #B9AD3A

#DDDB8C #B9AD3A

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

#DDDB8C - #B9AD3A | 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 #DDDB8C as 0% and #B9AD3A as 100%.

0.0%	0.0% #DDDB8C	RGB 221 219 140	#DDDB8C
16.7%	16.7% #D7D37E	RGB 215 211 126	#D7D37E
33.3%	33.3% #D1CB70	RGB 209 203 112	#D1CB70
50.0%	50.0% #CBC463	RGB 203 196 99	#CBC463
66.7%	66.7% #C5BC55	RGB 197 188 85	#C5BC55
83.3%	83.3% #BFB447	RGB 191 180 71	#BFB447
100.0%	100.0% #B9AD3A	RGB 185 173 58	#B9AD3A

#DDDB8C #D7D37E #D1CB70 #CBC463 #C5BC55 #BFB447 #B9AD3A

#DDDB8C - #B9AD3A

HSV Blend

#DDDB8C - #B9AD3A | 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 #DDDB8C as 0% and #B9AD3A as 100%.

0.0%	0.0% #DDDB8C	RGB 221 219 140	#DDDB8C
16.7%	16.7% #D7D37C	RGB 215 211 124	#D7D37C
33.3%	33.3% #D1CC6E	RGB 209 204 110	#D1CC6E
50.0%	50.0% #CBC460	RGB 203 196 96	#CBC460
66.7%	66.7% #C5BC52	RGB 197 188 82	#C5BC52
83.3%	83.3% #BFB446	RGB 191 180 70	#BFB446
100.0%	100.0% #B9AD3A	RGB 185 173 58	#B9AD3A

#DDDB8C #D7D37C #D1CC6E #CBC460 #C5BC52 #BFB446 #B9AD3A

#DDDB8C - #CBC460 - #B9AD3A

CSS codes

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

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