#DDDCDA - #BAA38D | 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 #DDDCDA to #BAA38D

#DDDCDA #BAA38D

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

#DDDCDA - #BAA38D | 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 #DDDCDA as 0% and #BAA38D as 100%.

0.0%	0.0% #DDDCDA	RGB 221 220 218	#DDDCDA
16.7%	16.7% #D7D2CD	RGB 215 210 205	#D7D2CD
33.3%	33.3% #D1C9C0	RGB 209 201 192	#D1C9C0
50.0%	50.0% #CBBFB3	RGB 203 191 179	#CBBFB3
66.7%	66.7% #C5B6A6	RGB 197 182 166	#C5B6A6
83.3%	83.3% #BFAC99	RGB 191 172 153	#BFAC99
100.0%	100.0% #BAA38D	RGB 186 163 141	#BAA38D

#DDDCDA #D7D2CD #D1C9C0 #CBBFB3 #C5B6A6 #BFAC99 #BAA38D

#DDDCDA - #BAA38D

HSV Blend

#DDDCDA - #BAA38D | 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 #DDDCDA as 0% and #BAA38D as 100%.

0.0%	0.0% #DDDCDA	RGB 221 220 218	#DDDCDA
16.7%	16.7% #D7D3CC	RGB 215 211 204	#D7D3CC
33.3%	33.3% #D1C9BE	RGB 209 201 190	#D1C9BE
50.0%	50.0% #CBC0B1	RGB 203 192 177	#CBC0B1
66.7%	66.7% #C5B6A4	RGB 197 182 164	#C5B6A4
83.3%	83.3% #BFAD98	RGB 191 173 152	#BFAD98
100.0%	100.0% #BAA38D	RGB 186 163 141	#BAA38D

#DDDCDA #D7D3CC #D1C9BE #CBC0B1 #C5B6A4 #BFAD98 #BAA38D

#DDDCDA - #CBC0B1 - #BAA38D

CSS codes

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

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