#99ABC6 - #DBD6CE | 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 #99ABC6 to #DBD6CE

#99ABC6 #DBD6CE

Calculate the color between two colors, #99ABC6 and #DBD6CE. 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)

#99ABC6 - #DBD6CE | 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 #99ABC6 as 0% and #DBD6CE as 100%.

0.0%	0.0% #99ABC6	RGB 153 171 198	#99ABC6
16.7%	16.7% #A4B2C7	RGB 164 178 199	#A4B2C7
33.3%	33.3% #AFB9C8	RGB 175 185 200	#AFB9C8
50.0%	50.0% #BAC0CA	RGB 186 192 202	#BAC0CA
66.7%	66.7% #C5C7CB	RGB 197 199 203	#C5C7CB
83.3%	83.3% #D0CECC	RGB 208 206 204	#D0CECC
100.0%	100.0% #DBD6CE	RGB 219 214 206	#DBD6CE

#99ABC6 #A4B2C7 #AFB9C8 #BAC0CA #C5C7CB #D0CECC #DBD6CE

#99ABC6 - #DBD6CE

HSV Blend

#99ABC6 - #DBD6CE | 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 #99ABC6 as 0% and #DBD6CE as 100%.

0.0%	0.0% #99ABC6	RGB 153 171 198	#99ABC6
16.7%	16.7% #A1C5C9	RGB 161 197 201	#A1C5C9
33.3%	33.3% #A9CDBF	RGB 169 205 191	#A9CDBF
50.0%	50.0% #B2D0B5	RGB 178 208 181	#B2D0B5
66.7%	66.7% #C5D4BB	RGB 197 212 187	#C5D4BB
83.3%	83.3% #D5D7C4	RGB 213 215 196	#D5D7C4
100.0%	100.0% #DBD6CE	RGB 219 214 206	#DBD6CE

#99ABC6 #A1C5C9 #A9CDBF #B2D0B5 #C5D4BB #D5D7C4 #DBD6CE

#99ABC6 - #B2D0B5 - #DBD6CE

CSS codes

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

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