#DDD095 - #BC9A41 | 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 #DDD095 to #BC9A41

#DDD095 #BC9A41

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

#DDD095 - #BC9A41 | 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 #DDD095 as 0% and #BC9A41 as 100%.

0.0%	0.0% #DDD095	RGB 221 208 149	#DDD095
16.7%	16.7% #D7C787	RGB 215 199 135	#D7C787
33.3%	33.3% #D2BE79	RGB 210 190 121	#D2BE79
50.0%	50.0% #CCB56B	RGB 204 181 107	#CCB56B
66.7%	66.7% #C7AC5D	RGB 199 172 93	#C7AC5D
83.3%	83.3% #C1A34F	RGB 193 163 79	#C1A34F
100.0%	100.0% #BC9A41	RGB 188 154 65	#BC9A41

#DDD095 #D7C787 #D2BE79 #CCB56B #C7AC5D #C1A34F #BC9A41

#DDD095 - #BC9A41

HSV Blend

#DDD095 - #BC9A41 | 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 #DDD095 as 0% and #BC9A41 as 100%.

0.0%	0.0% #DDD095	RGB 221 208 149	#DDD095
16.7%	16.7% #D7C785	RGB 215 199 133	#D7C785
33.3%	33.3% #D2BE76	RGB 210 190 118	#D2BE76
50.0%	50.0% #CCB568	RGB 204 181 104	#CCB568
66.7%	66.7% #C7AC5A	RGB 199 172 90	#C7AC5A
83.3%	83.3% #C1A34D	RGB 193 163 77	#C1A34D
100.0%	100.0% #BC9A41	RGB 188 154 65	#BC9A41

#DDD095 #D7C785 #D2BE76 #CCB568 #C7AC5A #C1A34D #BC9A41

#DDD095 - #CCB568 - #BC9A41

CSS codes

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

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