#353B41 - #867B6F | 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 #353B41 to #867B6F

#353B41 #867B6F

Calculate the color between two colors, #353B41 and #867B6F. 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)

#353B41 - #867B6F | 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 #353B41 as 0% and #867B6F as 100%.

0.0%	0.0% #353B41	RGB 53 59 65	#353B41
16.7%	16.7% #424548	RGB 66 69 72	#424548
33.3%	33.3% #505050	RGB 80 80 80	#505050
50.0%	50.0% #5D5B58	RGB 93 91 88	#5D5B58
66.7%	66.7% #6B655F	RGB 107 101 95	#6B655F
83.3%	83.3% #787067	RGB 120 112 103	#787067
100.0%	100.0% #867B6F	RGB 134 123 111	#867B6F

#353B41 #424548 #505050 #5D5B58 #6B655F #787067 #867B6F

#353B41 - #867B6F

HSV Blend

#353B41 - #867B6F | 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 #353B41 as 0% and #867B6F as 100%.

0.0%	0.0% #353B41	RGB 53 59 65	#353B41
16.7%	16.7% #3E4C4C	RGB 62 76 76	#3E4C4C
33.3%	33.3% #485850	RGB 72 88 80	#485850
50.0%	50.0% #516351	RGB 81 99 81	#516351
66.7%	66.7% #646F5B	RGB 100 111 91	#646F5B
83.3%	83.3% #7A7A65	RGB 122 122 101	#7A7A65
100.0%	100.0% #867B6F	RGB 134 123 111	#867B6F

#353B41 #3E4C4C #485850 #516351 #646F5B #7A7A65 #867B6F

#353B41 - #516351 - #867B6F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #353B41 0%, #516351 50%, #867B6F 100%);
    background: -webkit-linear-gradient(top, #353B41 0%, #516351 50%, #867B6F 100%);
    background: linear-gradient(to bottom, #353B41 0%, #516351 50%, #867B6F 100%);
}
</style>