#DBDEDD - #7BA7AC | 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 #DBDEDD to #7BA7AC

#DBDEDD #7BA7AC

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

#DBDEDD - #7BA7AC | 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 #DBDEDD as 0% and #7BA7AC as 100%.

0.0%	0.0% #DBDEDD	RGB 219 222 221	#DBDEDD
16.7%	16.7% #CBD4D4	RGB 203 212 212	#CBD4D4
33.3%	33.3% #BBCBCC	RGB 187 203 204	#BBCBCC
50.0%	50.0% #ABC2C4	RGB 171 194 196	#ABC2C4
66.7%	66.7% #9BB9BC	RGB 155 185 188	#9BB9BC
83.3%	83.3% #8BB0B4	RGB 139 176 180	#8BB0B4
100.0%	100.0% #7BA7AC	RGB 123 167 172	#7BA7AC

#DBDEDD #CBD4D4 #BBCBCC #ABC2C4 #9BB9BC #8BB0B4 #7BA7AC

#DBDEDD - #7BA7AC

HSV Blend

#DBDEDD - #7BA7AC | 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 #DBDEDD as 0% and #7BA7AC as 100%.

0.0%	0.0% #DBDEDD	RGB 219 222 221	#DBDEDD
16.7%	16.7% #C9D5D2	RGB 201 213 210	#C9D5D2
33.3%	33.3% #B7CDC9	RGB 183 205 201	#B7CDC9
50.0%	50.0% #A7C5C1	RGB 167 197 193	#A7C5C1
66.7%	66.7% #97BCBB	RGB 151 188 187	#97BCBB
83.3%	83.3% #89B3B4	RGB 137 179 180	#89B3B4
100.0%	100.0% #7BA7AC	RGB 123 167 172	#7BA7AC

#DBDEDD #C9D5D2 #B7CDC9 #A7C5C1 #97BCBB #89B3B4 #7BA7AC

#DBDEDD - #A7C5C1 - #7BA7AC

CSS codes

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

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