#3A3A48 - #85766D | 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 #3A3A48 to #85766D

#3A3A48 #85766D

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

#3A3A48 - #85766D | 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 #3A3A48 as 0% and #85766D as 100%.

0.0%	0.0% #3A3A48	RGB 58 58 72	#3A3A48
16.7%	16.7% #46444E	RGB 70 68 78	#46444E
33.3%	33.3% #534E54	RGB 83 78 84	#534E54
50.0%	50.0% #5F585A	RGB 95 88 90	#5F585A
66.7%	66.7% #6C6260	RGB 108 98 96	#6C6260
83.3%	83.3% #786C66	RGB 120 108 102	#786C66
100.0%	100.0% #85766D	RGB 133 118 109	#85766D

#3A3A48 #46444E #534E54 #5F585A #6C6260 #786C66 #85766D

#3A3A48 - #85766D

HSV Blend

#3A3A48 - #85766D | 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 #3A3A48 as 0% and #85766D as 100%.

0.0%	0.0% #3A3A48	RGB 58 58 72	#3A3A48
16.7%	16.7% #484252	RGB 72 66 82	#484252
33.3%	33.3% #584A5C	RGB 88 74 92	#584A5C
50.0%	50.0% #665362	RGB 102 83 98	#665362
66.7%	66.7% #705B64	RGB 112 91 100	#705B64
83.3%	83.3% #7A6464	RGB 122 100 100	#7A6464
100.0%	100.0% #85766D	RGB 133 118 109	#85766D

#3A3A48 #484252 #584A5C #665362 #705B64 #7A6464 #85766D

#3A3A48 - #665362 - #85766D

CSS codes

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

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