#484646 - #BE9478 | 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 #484646 to #BE9478

#484646 #BE9478

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

#484646 - #BE9478 | 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 #484646 as 0% and #BE9478 as 100%.

0.0%	0.0% #484646	RGB 72 70 70	#484646
16.7%	16.7% #5B534E	RGB 91 83 78	#5B534E
33.3%	33.3% #6F6056	RGB 111 96 86	#6F6056
50.0%	50.0% #836D5F	RGB 131 109 95	#836D5F
66.7%	66.7% #967A67	RGB 150 122 103	#967A67
83.3%	83.3% #AA876F	RGB 170 135 111	#AA876F
100.0%	100.0% #BE9478	RGB 190 148 120	#BE9478

#484646 #5B534E #6F6056 #836D5F #967A67 #AA876F #BE9478

#484646 - #BE9478

HSV Blend

#484646 - #BE9478 | 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 #484646 as 0% and #BE9478 as 100%.

0.0%	0.0% #484646	RGB 72 70 70	#484646
16.7%	16.7% #5B5453	RGB 91 84 83	#5B5453
33.3%	33.3% #6F615F	RGB 111 97 95	#6F615F
50.0%	50.0% #836E69	RGB 131 110 105	#836E69
66.7%	66.7% #967A70	RGB 150 122 112	#967A70
83.3%	83.3% #AA8675	RGB 170 134 117	#AA8675
100.0%	100.0% #BE9478	RGB 190 148 120	#BE9478

#484646 #5B5453 #6F615F #836E69 #967A70 #AA8675 #BE9478

#484646 - #836E69 - #BE9478

CSS codes

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

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