#DCDAD9 - #B29D8C | 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 #DCDAD9 to #B29D8C

#DCDAD9 #B29D8C

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

#DCDAD9 - #B29D8C | 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 #DCDAD9 as 0% and #B29D8C as 100%.

0.0%	0.0% #DCDAD9	RGB 220 218 217	#DCDAD9
16.7%	16.7% #D5CFCC	RGB 213 207 204	#D5CFCC
33.3%	33.3% #CEC5BF	RGB 206 197 191	#CEC5BF
50.0%	50.0% #C7BBB2	RGB 199 187 178	#C7BBB2
66.7%	66.7% #C0B1A5	RGB 192 177 165	#C0B1A5
83.3%	83.3% #B9A798	RGB 185 167 152	#B9A798
100.0%	100.0% #B29D8C	RGB 178 157 140	#B29D8C

#DCDAD9 #D5CFCC #CEC5BF #C7BBB2 #C0B1A5 #B9A798 #B29D8C

#DCDAD9 - #B29D8C

HSV Blend

#DCDAD9 - #B29D8C | 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 #DCDAD9 as 0% and #B29D8C as 100%.

0.0%	0.0% #DCDAD9	RGB 220 218 217	#DCDAD9
16.7%	16.7% #D5CECB	RGB 213 206 203	#D5CECB
33.3%	33.3% #CEC3BD	RGB 206 195 189	#CEC3BD
50.0%	50.0% #C7B9B0	RGB 199 185 176	#C7B9B0
66.7%	66.7% #C0AFA3	RGB 192 175 163	#C0AFA3
83.3%	83.3% #B9A597	RGB 185 165 151	#B9A597
100.0%	100.0% #B29D8C	RGB 178 157 140	#B29D8C

#DCDAD9 #D5CECB #CEC3BD #C7B9B0 #C0AFA3 #B9A597 #B29D8C

#DCDAD9 - #C7B9B0 - #B29D8C

CSS codes

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

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