#82837D - #DCC99D | 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 #82837D to #DCC99D

#82837D #DCC99D

Calculate the color between two colors, #82837D and #DCC99D. 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)

#82837D - #DCC99D | 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 #82837D as 0% and #DCC99D as 100%.

0.0%	0.0% #82837D	RGB 130 131 125	#82837D
16.7%	16.7% #918E82	RGB 145 142 130	#918E82
33.3%	33.3% #A09A87	RGB 160 154 135	#A09A87
50.0%	50.0% #AFA68D	RGB 175 166 141	#AFA68D
66.7%	66.7% #BEB192	RGB 190 177 146	#BEB192
83.3%	83.3% #CDBD97	RGB 205 189 151	#CDBD97
100.0%	100.0% #DCC99D	RGB 220 201 157	#DCC99D

#82837D #918E82 #A09A87 #AFA68D #BEB192 #CDBD97 #DCC99D

#82837D - #DCC99D

HSV Blend

#82837D - #DCC99D | 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 #82837D as 0% and #DCC99D as 100%.

0.0%	0.0% #82837D	RGB 130 131 125	#82837D
16.7%	16.7% #909185	RGB 144 145 133	#909185
33.3%	33.3% #A0A08C	RGB 160 160 140	#A0A08C
50.0%	50.0% #AFAD92	RGB 175 173 146	#AFAD92
66.7%	66.7% #BEB897	RGB 190 184 151	#BEB897
83.3%	83.3% #CDC19A	RGB 205 193 154	#CDC19A
100.0%	100.0% #DCC99D	RGB 220 201 157	#DCC99D

#82837D #909185 #A0A08C #AFAD92 #BEB897 #CDC19A #DCC99D

#82837D - #AFAD92 - #DCC99D

CSS codes

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

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