#DDD4D1 - #C49182 | 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 #DDD4D1 to #C49182

#DDD4D1 #C49182

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

#DDD4D1 - #C49182 | 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 #DDD4D1 as 0% and #C49182 as 100%.

0.0%	0.0% #DDD4D1	RGB 221 212 209	#DDD4D1
16.7%	16.7% #D8C8C3	RGB 216 200 195	#D8C8C3
33.3%	33.3% #D4BDB6	RGB 212 189 182	#D4BDB6
50.0%	50.0% #D0B2A9	RGB 208 178 169	#D0B2A9
66.7%	66.7% #CCA79C	RGB 204 167 156	#CCA79C
83.3%	83.3% #C89C8F	RGB 200 156 143	#C89C8F
100.0%	100.0% #C49182	RGB 196 145 130	#C49182

#DDD4D1 #D8C8C3 #D4BDB6 #D0B2A9 #CCA79C #C89C8F #C49182

#DDD4D1 - #C49182

HSV Blend

#DDD4D1 - #C49182 | 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 #DDD4D1 as 0% and #C49182 as 100%.

0.0%	0.0% #DDD4D1	RGB 221 212 209	#DDD4D1
16.7%	16.7% #D8C8C2	RGB 216 200 194	#D8C8C2
33.3%	33.3% #D4BCB5	RGB 212 188 181	#D4BCB5
50.0%	50.0% #D0B1A7	RGB 208 177 167	#D0B1A7
66.7%	66.7% #CCA69A	RGB 204 166 154	#CCA69A
83.3%	83.3% #C89B8E	RGB 200 155 142	#C89B8E
100.0%	100.0% #C49182	RGB 196 145 130	#C49182

#DDD4D1 #D8C8C2 #D4BCB5 #D0B1A7 #CCA69A #C89B8E #C49182

#DDD4D1 - #D0B1A7 - #C49182

CSS codes

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

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