#DDDDA2 - #B8B04D | 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 #DDDDA2 to #B8B04D

#DDDDA2 #B8B04D

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

#DDDDA2 - #B8B04D | 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 #DDDDA2 as 0% and #B8B04D as 100%.

0.0%	0.0% #DDDDA2	RGB 221 221 162	#DDDDA2
16.7%	16.7% #D6D593	RGB 214 213 147	#D6D593
33.3%	33.3% #D0CE85	RGB 208 206 133	#D0CE85
50.0%	50.0% #CAC677	RGB 202 198 119	#CAC677
66.7%	66.7% #C4BF69	RGB 196 191 105	#C4BF69
83.3%	83.3% #BEB75B	RGB 190 183 91	#BEB75B
100.0%	100.0% #B8B04D	RGB 184 176 77	#B8B04D

#DDDDA2 #D6D593 #D0CE85 #CAC677 #C4BF69 #BEB75B #B8B04D

#DDDDA2 - #B8B04D

HSV Blend

#DDDDA2 - #B8B04D | 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 #DDDDA2 as 0% and #B8B04D as 100%.

0.0%	0.0% #DDDDA2	RGB 221 221 162	#DDDDA2
16.7%	16.7% #D6D592	RGB 214 213 146	#D6D592
33.3%	33.3% #D0CE83	RGB 208 206 131	#D0CE83
50.0%	50.0% #CAC774	RGB 202 199 116	#CAC774
66.7%	66.7% #C4BF66	RGB 196 191 102	#C4BF66
83.3%	83.3% #BEB759	RGB 190 183 89	#BEB759
100.0%	100.0% #B8B04D	RGB 184 176 77	#B8B04D

#DDDDA2 #D6D592 #D0CE83 #CAC774 #C4BF66 #BEB759 #B8B04D

#DDDDA2 - #CAC774 - #B8B04D

CSS codes

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

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