#DCD8D9 - #AB8D94 | 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 #DCD8D9 to #AB8D94

#DCD8D9 #AB8D94

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

#DCD8D9 - #AB8D94 | 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 #DCD8D9 as 0% and #AB8D94 as 100%.

0.0%	0.0% #DCD8D9	RGB 220 216 217	#DCD8D9
16.7%	16.7% #D3CBCD	RGB 211 203 205	#D3CBCD
33.3%	33.3% #CBBFC2	RGB 203 191 194	#CBBFC2
50.0%	50.0% #C3B2B6	RGB 195 178 182	#C3B2B6
66.7%	66.7% #BBA6AB	RGB 187 166 171	#BBA6AB
83.3%	83.3% #B3999F	RGB 179 153 159	#B3999F
100.0%	100.0% #AB8D94	RGB 171 141 148	#AB8D94

#DCD8D9 #D3CBCD #CBBFC2 #C3B2B6 #BBA6AB #B3999F #AB8D94

#DCD8D9 - #AB8D94

HSV Blend

#DCD8D9 - #AB8D94 | 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 #DCD8D9 as 0% and #AB8D94 as 100%.

0.0%	0.0% #DCD8D9	RGB 220 216 217	#DCD8D9
16.7%	16.7% #D3CACC	RGB 211 202 204	#D3CACC
33.3%	33.3% #CBBDC0	RGB 203 189 192	#CBBDC0
50.0%	50.0% #C3B0B5	RGB 195 176 181	#C3B0B5
66.7%	66.7% #BBA4A9	RGB 187 164 169	#BBA4A9
83.3%	83.3% #B3989E	RGB 179 152 158	#B3989E
100.0%	100.0% #AB8D94	RGB 171 141 148	#AB8D94

#DCD8D9 #D3CACC #CBBDC0 #C3B0B5 #BBA4A9 #B3989E #AB8D94

#DCD8D9 - #C3B0B5 - #AB8D94

CSS codes

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

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