#DBD1D4 - #AB828C | 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 #AB828C

#DBD1D4 #AB828C

Calculate the color between two colors, #DBD1D4 and #AB828C. 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 - #AB828C | 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 #AB828C 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% #AB828C	RGB 171 130 140	#AB828C

#DBD1D4 #D3C3C8 #CBB6BC #C3A9B0 #BB9CA4 #B38F98 #AB828C

#DBD1D4 - #AB828C

HSV Blend

#DBD1D4 - #AB828C | 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 #AB828C 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% #CBB4BA	RGB 203 180 186	#CBB4BA
50.0%	50.0% #C3A7AE	RGB 195 167 174	#C3A7AE
66.7%	66.7% #BB9AA2	RGB 187 154 162	#BB9AA2
83.3%	83.3% #B38D97	RGB 179 141 151	#B38D97
100.0%	100.0% #AB828C	RGB 171 130 140	#AB828C

#DBD1D4 #D3C2C7 #CBB4BA #C3A7AE #BB9AA2 #B38D97 #AB828C

#DBD1D4 - #C3A7AE - #AB828C

CSS codes

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

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