#848463 - #DBDBD2 | 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 #848463 to #DBDBD2

#848463 #DBDBD2

Calculate the color between two colors, #848463 and #DBDBD2. 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)

#848463 - #DBDBD2 | 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 #848463 as 0% and #DBDBD2 as 100%.

0.0%	0.0% #848463	RGB 132 132 99	#848463
16.7%	16.7% #929275	RGB 146 146 117	#929275
33.3%	33.3% #A1A188	RGB 161 161 136	#A1A188
50.0%	50.0% #AFAF9A	RGB 175 175 154	#AFAF9A
66.7%	66.7% #BEBEAD	RGB 190 190 173	#BEBEAD
83.3%	83.3% #CCCCBF	RGB 204 204 191	#CCCCBF
100.0%	100.0% #DBDBD2	RGB 219 219 210	#DBDBD2

#848463 #929275 #A1A188 #AFAF9A #BEBEAD #CCCCBF #DBDBD2

#848463 - #DBDBD2

HSV Blend

#848463 - #DBDBD2 | 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 #848463 as 0% and #DBDBD2 as 100%.

0.0%	0.0% #848463	RGB 132 132 99	#848463
16.7%	16.7% #929272	RGB 146 146 114	#929272
33.3%	33.3% #A1A183	RGB 161 161 131	#A1A183
50.0%	50.0% #AFAF95	RGB 175 175 149	#AFAF95
66.7%	66.7% #BEBEA8	RGB 190 190 168	#BEBEA8
83.3%	83.3% #CCCCBC	RGB 204 204 188	#CCCCBC
100.0%	100.0% #DBDBD2	RGB 219 219 210	#DBDBD2

#848463 #929272 #A1A183 #AFAF95 #BEBEA8 #CCCCBC #DBDBD2

#848463 - #AFAF95 - #DBDBD2

CSS codes

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

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