#82858C - #DBDCDE | 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 #82858C to #DBDCDE

#82858C #DBDCDE

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

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

0.0%	0.0% #82858C	RGB 130 133 140	#82858C
16.7%	16.7% #909399	RGB 144 147 153	#909399
33.3%	33.3% #9FA2A7	RGB 159 162 167	#9FA2A7
50.0%	50.0% #AEB0B5	RGB 174 176 181	#AEB0B5
66.7%	66.7% #BDBFC2	RGB 189 191 194	#BDBFC2
83.3%	83.3% #CCCDD0	RGB 204 205 208	#CCCDD0
100.0%	100.0% #DBDCDE	RGB 219 220 222	#DBDCDE

#82858C #909399 #9FA2A7 #AEB0B5 #BDBFC2 #CCCDD0 #DBDCDE

#82858C - #DBDCDE

HSV Blend

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

0.0%	0.0% #82858C	RGB 130 133 140	#82858C
16.7%	16.7% #909399	RGB 144 147 153	#909399
33.3%	33.3% #9EA1A7	RGB 158 161 167	#9EA1A7
50.0%	50.0% #ADAFB5	RGB 173 175 181	#ADAFB5
66.7%	66.7% #BCBEC2	RGB 188 190 194	#BCBEC2
83.3%	83.3% #CBCDD0	RGB 203 205 208	#CBCDD0
100.0%	100.0% #DBDCDE	RGB 219 220 222	#DBDCDE

#82858C #909399 #9EA1A7 #ADAFB5 #BCBEC2 #CBCDD0 #DBDCDE

#82858C - #ADAFB5 - #DBDCDE

CSS codes

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

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