#84808C - #DBDADE | 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 #84808C to #DBDADE

#84808C #DBDADE

Calculate the color between two colors, #84808C and #DBDADE. 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)

#84808C - #DBDADE | 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 #84808C as 0% and #DBDADE as 100%.

0.0%	0.0% #84808C	RGB 132 128 140	#84808C
16.7%	16.7% #928F99	RGB 146 143 153	#928F99
33.3%	33.3% #A19EA7	RGB 161 158 167	#A19EA7
50.0%	50.0% #AFADB5	RGB 175 173 181	#AFADB5
66.7%	66.7% #BEBCC2	RGB 190 188 194	#BEBCC2
83.3%	83.3% #CCCBD0	RGB 204 203 208	#CCCBD0
100.0%	100.0% #DBDADE	RGB 219 218 222	#DBDADE

#84808C #928F99 #A19EA7 #AFADB5 #BEBCC2 #CCCBD0 #DBDADE

#84808C - #DBDADE

HSV Blend

#84808C - #DBDADE | 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 #84808C as 0% and #DBDADE as 100%.

0.0%	0.0% #84808C	RGB 132 128 140	#84808C
16.7%	16.7% #918E99	RGB 145 142 153	#918E99
33.3%	33.3% #9F9CA7	RGB 159 156 167	#9F9CA7
50.0%	50.0% #AEABB5	RGB 174 171 181	#AEABB5
66.7%	66.7% #BCBAC2	RGB 188 186 194	#BCBAC2
83.3%	83.3% #CBCAD0	RGB 203 202 208	#CBCAD0
100.0%	100.0% #DBDADE	RGB 219 218 222	#DBDADE

#84808C #918E99 #9F9CA7 #AEABB5 #BCBAC2 #CBCAD0 #DBDADE

#84808C - #AEABB5 - #DBDADE

CSS codes

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

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