#DBD1D3 - #A9848C | 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 #DBD1D3 to #A9848C

#DBD1D3 #A9848C

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

#DBD1D3 - #A9848C | 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 #DBD1D3 as 0% and #A9848C as 100%.

0.0%	0.0% #DBD1D3	RGB 219 209 211	#DBD1D3
16.7%	16.7% #D2C4C7	RGB 210 196 199	#D2C4C7
33.3%	33.3% #CAB7BB	RGB 202 183 187	#CAB7BB
50.0%	50.0% #C2AAAF	RGB 194 170 175	#C2AAAF
66.7%	66.7% #B99DA3	RGB 185 157 163	#B99DA3
83.3%	83.3% #B19097	RGB 177 144 151	#B19097
100.0%	100.0% #A9848C	RGB 169 132 140	#A9848C

#DBD1D3 #D2C4C7 #CAB7BB #C2AAAF #B99DA3 #B19097 #A9848C

#DBD1D3 - #A9848C

HSV Blend

#DBD1D3 - #A9848C | 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 #DBD1D3 as 0% and #A9848C as 100%.

0.0%	0.0% #DBD1D3	RGB 219 209 211	#DBD1D3
16.7%	16.7% #D2C2C6	RGB 210 194 198	#D2C2C6
33.3%	33.3% #CAB5B9	RGB 202 181 185	#CAB5B9
50.0%	50.0% #C2A8AD	RGB 194 168 173	#C2A8AD
66.7%	66.7% #B99BA2	RGB 185 155 162	#B99BA2
83.3%	83.3% #B18F96	RGB 177 143 150	#B18F96
100.0%	100.0% #A9848C	RGB 169 132 140	#A9848C

#DBD1D3 #D2C2C6 #CAB5B9 #C2A8AD #B99BA2 #B18F96 #A9848C

#DBD1D3 - #C2A8AD - #A9848C

CSS codes

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

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