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

#84818B #DBDBDD

Calculate the color between two colors, #84818B 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)

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

0.0%	0.0% #84818B	RGB 132 129 139	#84818B
16.7%	16.7% #929098	RGB 146 144 152	#929098
33.3%	33.3% #A19FA6	RGB 161 159 166	#A19FA6
50.0%	50.0% #AFAEB4	RGB 175 174 180	#AFAEB4
66.7%	66.7% #BEBDC1	RGB 190 189 193	#BEBDC1
83.3%	83.3% #CCCCCF	RGB 204 204 207	#CCCCCF
100.0%	100.0% #DBDBDD	RGB 219 219 221	#DBDBDD

#84818B #929098 #A19FA6 #AFAEB4 #BEBDC1 #CCCCCF #DBDBDD

#84818B - #DBDBDD

HSV Blend

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

0.0%	0.0% #84818B	RGB 132 129 139	#84818B
16.7%	16.7% #918F98	RGB 145 143 152	#918F98
33.3%	33.3% #9F9DA6	RGB 159 157 166	#9F9DA6
50.0%	50.0% #ADACB4	RGB 173 172 180	#ADACB4
66.7%	66.7% #BCBBC1	RGB 188 187 193	#BCBBC1
83.3%	83.3% #CBCBCF	RGB 203 203 207	#CBCBCF
100.0%	100.0% #DBDBDD	RGB 219 219 221	#DBDBDD

#84818B #918F98 #9F9DA6 #ADACB4 #BCBBC1 #CBCBCF #DBDBDD

#84818B - #ADACB4 - #DBDBDD

CSS codes

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

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