#84868B - #DBDBDD | 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 #84868B to #DBDBDD

#84868B #DBDBDD

Calculate the color between two colors, #84868B and #DBDBDD. 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)

#84868B - #DBDBDD | 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 #84868B as 0% and #DBDBDD as 100%.

0.0%	0.0% #84868B	RGB 132 134 139	#84868B
16.7%	16.7% #929498	RGB 146 148 152	#929498
33.3%	33.3% #A1A2A6	RGB 161 162 166	#A1A2A6
50.0%	50.0% #AFB0B4	RGB 175 176 180	#AFB0B4
66.7%	66.7% #BEBEC1	RGB 190 190 193	#BEBEC1
83.3%	83.3% #CCCCCF	RGB 204 204 207	#CCCCCF
100.0%	100.0% #DBDBDD	RGB 219 219 221	#DBDBDD

#84868B #929498 #A1A2A6 #AFB0B4 #BEBEC1 #CCCCCF #DBDBDD

#84868B - #DBDBDD

HSV Blend

#84868B - #DBDBDD | 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 #84868B as 0% and #DBDBDD as 100%.

0.0%	0.0% #84868B	RGB 132 134 139	#84868B
16.7%	16.7% #929398	RGB 146 147 152	#929398
33.3%	33.3% #A0A1A6	RGB 160 161 166	#A0A1A6
50.0%	50.0% #AEAFB4	RGB 174 175 180	#AEAFB4
66.7%	66.7% #BDBDC1	RGB 189 189 193	#BDBDC1
83.3%	83.3% #CCCCCF	RGB 204 204 207	#CCCCCF
100.0%	100.0% #DBDBDD	RGB 219 219 221	#DBDBDD

#84868B #929398 #A0A1A6 #AEAFB4 #BDBDC1 #CCCCCF #DBDBDD

#84868B - #AEAFB4 - #DBDBDD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #84868B 0%, #AEAFB4 50%, #DBDBDD 100%);
    background: -webkit-linear-gradient(top, #84868B 0%, #AEAFB4 50%, #DBDBDD 100%);
    background: linear-gradient(to bottom, #84868B 0%, #AEAFB4 50%, #DBDBDD 100%);
}
</style>