#DBD1D3 - #AF7F81 | 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 #AF7F81

#DBD1D3 #AF7F81

Calculate the color between two colors, #DBD1D3 and #AF7F81. 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 - #AF7F81 | 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 #AF7F81 as 100%.

0.0%	0.0% #DBD1D3	RGB 219 209 211	#DBD1D3
16.7%	16.7% #D3C3C5	RGB 211 195 197	#D3C3C5
33.3%	33.3% #CCB5B7	RGB 204 181 183	#CCB5B7
50.0%	50.0% #C5A8AA	RGB 197 168 170	#C5A8AA
66.7%	66.7% #BD9A9C	RGB 189 154 156	#BD9A9C
83.3%	83.3% #B68C8E	RGB 182 140 142	#B68C8E
100.0%	100.0% #AF7F81	RGB 175 127 129	#AF7F81

#DBD1D3 #D3C3C5 #CCB5B7 #C5A8AA #BD9A9C #B68C8E #AF7F81

#DBD1D3 - #AF7F81

HSV Blend

#DBD1D3 - #AF7F81 | 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 #AF7F81 as 100%.

0.0%	0.0% #DBD1D3	RGB 219 209 211	#DBD1D3
16.7%	16.7% #D3C1C5	RGB 211 193 197	#D3C1C5
33.3%	33.3% #CCB3B7	RGB 204 179 183	#CCB3B7
50.0%	50.0% #C5A5A9	RGB 197 165 169	#C5A5A9
66.7%	66.7% #BD989B	RGB 189 152 155	#BD989B
83.3%	83.3% #B68B8E	RGB 182 139 142	#B68B8E
100.0%	100.0% #AF7F81	RGB 175 127 129	#AF7F81

#DBD1D3 #D3C1C5 #CCB3B7 #C5A5A9 #BD989B #B68B8E #AF7F81

#DBD1D3 - #C5A5A9 - #AF7F81

CSS codes

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

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