#DFDAD9 - #CBA58C | 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 #DFDAD9 to #CBA58C

#DFDAD9 #CBA58C

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

#DFDAD9 - #CBA58C | 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 #DFDAD9 as 0% and #CBA58C as 100%.

0.0%	0.0% #DFDAD9	RGB 223 218 217	#DFDAD9
16.7%	16.7% #DBD1CC	RGB 219 209 204	#DBD1CC
33.3%	33.3% #D8C8BF	RGB 216 200 191	#D8C8BF
50.0%	50.0% #D5BFB2	RGB 213 191 178	#D5BFB2
66.7%	66.7% #D1B6A5	RGB 209 182 165	#D1B6A5
83.3%	83.3% #CEAD98	RGB 206 173 152	#CEAD98
100.0%	100.0% #CBA58C	RGB 203 165 140	#CBA58C

#DFDAD9 #DBD1CC #D8C8BF #D5BFB2 #D1B6A5 #CEAD98 #CBA58C

#DFDAD9 - #CBA58C

HSV Blend

#DFDAD9 - #CBA58C | 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 #DFDAD9 as 0% and #CBA58C as 100%.

0.0%	0.0% #DFDAD9	RGB 223 218 217	#DFDAD9
16.7%	16.7% #DBCECB	RGB 219 206 203	#DBCECB
33.3%	33.3% #D8C4BE	RGB 216 196 190	#D8C4BE
50.0%	50.0% #D5BBB1	RGB 213 187 177	#D5BBB1
66.7%	66.7% #D1B2A4	RGB 209 178 164	#D1B2A4
83.3%	83.3% #CEAB98	RGB 206 171 152	#CEAB98
100.0%	100.0% #CBA58C	RGB 203 165 140	#CBA58C

#DFDAD9 #DBCECB #D8C4BE #D5BBB1 #D1B2A4 #CEAB98 #CBA58C

#DFDAD9 - #D5BBB1 - #CBA58C

CSS codes

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

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