#DBD4D1 - #C09282 | 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 #DBD4D1 to #C09282

#DBD4D1 #C09282

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

#DBD4D1 - #C09282 | 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 #DBD4D1 as 0% and #C09282 as 100%.

0.0%	0.0% #DBD4D1	RGB 219 212 209	#DBD4D1
16.7%	16.7% #D6C9C3	RGB 214 201 195	#D6C9C3
33.3%	33.3% #D2BEB6	RGB 210 190 182	#D2BEB6
50.0%	50.0% #CDB3A9	RGB 205 179 169	#CDB3A9
66.7%	66.7% #C9A89C	RGB 201 168 156	#C9A89C
83.3%	83.3% #C49D8F	RGB 196 157 143	#C49D8F
100.0%	100.0% #C09282	RGB 192 146 130	#C09282

#DBD4D1 #D6C9C3 #D2BEB6 #CDB3A9 #C9A89C #C49D8F #C09282

#DBD4D1 - #C09282

HSV Blend

#DBD4D1 - #C09282 | 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 #DBD4D1 as 0% and #C09282 as 100%.

0.0%	0.0% #DBD4D1	RGB 219 212 209	#DBD4D1
16.7%	16.7% #D6C8C2	RGB 214 200 194	#D6C8C2
33.3%	33.3% #D2BDB5	RGB 210 189 181	#D2BDB5
50.0%	50.0% #CDB2A7	RGB 205 178 167	#CDB2A7
66.7%	66.7% #C9A79A	RGB 201 167 154	#C9A79A
83.3%	83.3% #C49C8E	RGB 196 156 142	#C49C8E
100.0%	100.0% #C09282	RGB 192 146 130	#C09282

#DBD4D1 #D6C8C2 #D2BDB5 #CDB2A7 #C9A79A #C49C8E #C09282

#DBD4D1 - #CDB2A7 - #C09282

CSS codes

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

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