#84807C - #DBDAD9 | 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 #84807C to #DBDAD9

#84807C #DBDAD9

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

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

0.0%	0.0% #84807C	RGB 132 128 124	#84807C
16.7%	16.7% #928F8B	RGB 146 143 139	#928F8B
33.3%	33.3% #A19E9B	RGB 161 158 155	#A19E9B
50.0%	50.0% #AFADAA	RGB 175 173 170	#AFADAA
66.7%	66.7% #BEBCBA	RGB 190 188 186	#BEBCBA
83.3%	83.3% #CCCBC9	RGB 204 203 201	#CCCBC9
100.0%	100.0% #DBDAD9	RGB 219 218 217	#DBDAD9

#84807C #928F8B #A19E9B #AFADAA #BEBCBA #CCCBC9 #DBDAD9

#84807C - #DBDAD9

HSV Blend

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

0.0%	0.0% #84807C	RGB 132 128 124	#84807C
16.7%	16.7% #928E8A	RGB 146 142 138	#928E8A
33.3%	33.3% #A19D9A	RGB 161 157 154	#A19D9A
50.0%	50.0% #AFACA9	RGB 175 172 169	#AFACA9
66.7%	66.7% #BEBBB9	RGB 190 187 185	#BEBBB9
83.3%	83.3% #CCCAC8	RGB 204 202 200	#CCCAC8
100.0%	100.0% #DBDAD9	RGB 219 218 217	#DBDAD9

#84807C #928E8A #A19D9A #AFACA9 #BEBBB9 #CCCAC8 #DBDAD9

#84807C - #AFACA9 - #DBDAD9

CSS codes

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

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