#DBDCCB - #A6B17A | 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 #DBDCCB to #A6B17A

#DBDCCB #A6B17A

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

#DBDCCB - #A6B17A | 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 #DBDCCB as 0% and #A6B17A as 100%.

0.0%	0.0% #DBDCCB	RGB 219 220 203	#DBDCCB
16.7%	16.7% #D2D4BD	RGB 210 212 189	#D2D4BD
33.3%	33.3% #C9CDB0	RGB 201 205 176	#C9CDB0
50.0%	50.0% #C0C6A2	RGB 192 198 162	#C0C6A2
66.7%	66.7% #B7BF95	RGB 183 191 149	#B7BF95
83.3%	83.3% #AEB887	RGB 174 184 135	#AEB887
100.0%	100.0% #A6B17A	RGB 166 177 122	#A6B17A

#DBDCCB #D2D4BD #C9CDB0 #C0C6A2 #B7BF95 #AEB887 #A6B17A

#DBDCCB - #A6B17A

HSV Blend

#DBDCCB - #A6B17A | 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 #DBDCCB as 0% and #A6B17A as 100%.

0.0%	0.0% #DBDCCB	RGB 219 220 203	#DBDCCB
16.7%	16.7% #D2D4BC	RGB 210 212 188	#D2D4BC
33.3%	33.3% #CACDAD	RGB 202 205 173	#CACDAD
50.0%	50.0% #C1C69F	RGB 193 198 159	#C1C69F
66.7%	66.7% #B8BF92	RGB 184 191 146	#B8BF92
83.3%	83.3% #AFB886	RGB 175 184 134	#AFB886
100.0%	100.0% #A6B17A	RGB 166 177 122	#A6B17A

#DBDCCB #D2D4BC #CACDAD #C1C69F #B8BF92 #AFB886 #A6B17A

#DBDCCB - #C1C69F - #A6B17A

CSS codes

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

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