#D9DBDB - #72A8AA | 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 #D9DBDB to #72A8AA

#D9DBDB #72A8AA

Calculate the color between two colors, #D9DBDB and #72A8AA. 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)

#D9DBDB - #72A8AA | 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 #D9DBDB as 0% and #72A8AA as 100%.

0.0%	0.0% #D9DBDB	RGB 217 219 219	#D9DBDB
16.7%	16.7% #C7D2D2	RGB 199 210 210	#C7D2D2
33.3%	33.3% #B6CACA	RGB 182 202 202	#B6CACA
50.0%	50.0% #A5C1C2	RGB 165 193 194	#A5C1C2
66.7%	66.7% #94B9BA	RGB 148 185 186	#94B9BA
83.3%	83.3% #83B0B2	RGB 131 176 178	#83B0B2
100.0%	100.0% #72A8AA	RGB 114 168 170	#72A8AA

#D9DBDB #C7D2D2 #B6CACA #A5C1C2 #94B9BA #83B0B2 #72A8AA

#D9DBDB - #72A8AA

HSV Blend

#D9DBDB - #72A8AA | 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 #D9DBDB as 0% and #72A8AA as 100%.

0.0%	0.0% #D9DBDB	RGB 217 219 219	#D9DBDB
16.7%	16.7% #C5D2D2	RGB 197 210 210	#C5D2D2
33.3%	33.3% #B3CACA	RGB 179 202 202	#B3CACA
50.0%	50.0% #A1C1C2	RGB 161 193 194	#A1C1C2
66.7%	66.7% #90B9BA	RGB 144 185 186	#90B9BA
83.3%	83.3% #80B0B2	RGB 128 176 178	#80B0B2
100.0%	100.0% #72A8AA	RGB 114 168 170	#72A8AA

#D9DBDB #C5D2D2 #B3CACA #A1C1C2 #90B9BA #80B0B2 #72A8AA

#D9DBDB - #A1C1C2 - #72A8AA

CSS codes

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

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