#DBD1D4 - #AB828D | 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 #DBD1D4 to #AB828D

#DBD1D4 #AB828D

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

#DBD1D4 - #AB828D | 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 #DBD1D4 as 0% and #AB828D as 100%.

0.0%	0.0% #DBD1D4	RGB 219 209 212	#DBD1D4
16.7%	16.7% #D3C3C8	RGB 211 195 200	#D3C3C8
33.3%	33.3% #CBB6BC	RGB 203 182 188	#CBB6BC
50.0%	50.0% #C3A9B0	RGB 195 169 176	#C3A9B0
66.7%	66.7% #BB9CA4	RGB 187 156 164	#BB9CA4
83.3%	83.3% #B38F98	RGB 179 143 152	#B38F98
100.0%	100.0% #AB828D	RGB 171 130 141	#AB828D

#DBD1D4 #D3C3C8 #CBB6BC #C3A9B0 #BB9CA4 #B38F98 #AB828D

#DBD1D4 - #AB828D

HSV Blend

#DBD1D4 - #AB828D | 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 #DBD1D4 as 0% and #AB828D as 100%.

0.0%	0.0% #DBD1D4	RGB 219 209 212	#DBD1D4
16.7%	16.7% #D3C2C7	RGB 211 194 199	#D3C2C7
33.3%	33.3% #CBB4BB	RGB 203 180 187	#CBB4BB
50.0%	50.0% #C3A7AF	RGB 195 167 175	#C3A7AF
66.7%	66.7% #BB9AA3	RGB 187 154 163	#BB9AA3
83.3%	83.3% #B38D98	RGB 179 141 152	#B38D98
100.0%	100.0% #AB828D	RGB 171 130 141	#AB828D

#DBD1D4 #D3C2C7 #CBB4BB #C3A7AF #BB9AA3 #B38D98 #AB828D

#DBD1D4 - #C3A7AF - #AB828D

CSS codes

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

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