#ABC7C9 - #DFD1D0 | 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 #ABC7C9 to #DFD1D0

#ABC7C9 #DFD1D0

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

#ABC7C9 - #DFD1D0 | 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 #ABC7C9 as 0% and #DFD1D0 as 100%.

0.0%	0.0% #ABC7C9	RGB 171 199 201	#ABC7C9
16.7%	16.7% #B3C8CA	RGB 179 200 202	#B3C8CA
33.3%	33.3% #BCCACB	RGB 188 202 203	#BCCACB
50.0%	50.0% #C5CCCC	RGB 197 204 204	#C5CCCC
66.7%	66.7% #CDCDCD	RGB 205 205 205	#CDCDCD
83.3%	83.3% #D6CFCE	RGB 214 207 206	#D6CFCE
100.0%	100.0% #DFD1D0	RGB 223 209 208	#DFD1D0

#ABC7C9 #B3C8CA #BCCACB #C5CCCC #CDCDCD #D6CFCE #DFD1D0

#ABC7C9 - #DFD1D0

HSV Blend

#ABC7C9 - #DFD1D0 | 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 #ABC7C9 as 0% and #DFD1D0 as 100%.

0.0%	0.0% #ABC7C9	RGB 171 199 201	#ABC7C9
16.7%	16.7% #B0CCC0	RGB 176 204 192	#B0CCC0
33.3%	33.3% #B6D0B8	RGB 182 208 184	#B6D0B8
50.0%	50.0% #C6D4BD	RGB 198 212 189	#C6D4BD
66.7%	66.7% #D6D7C3	RGB 214 215 195	#D6D7C3
83.3%	83.3% #DBD3C9	RGB 219 211 201	#DBD3C9
100.0%	100.0% #DFD1D0	RGB 223 209 208	#DFD1D0

#ABC7C9 #B0CCC0 #B6D0B8 #C6D4BD #D6D7C3 #DBD3C9 #DFD1D0

#ABC7C9 - #C6D4BD - #DFD1D0

CSS codes

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

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