#828C7B - #2F3E2F | 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 #828C7B to #2F3E2F

#828C7B #2F3E2F

Calculate the color between two colors, #828C7B and #2F3E2F. 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)

#828C7B - #2F3E2F | 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 #828C7B as 0% and #2F3E2F as 100%.

0.0%	0.0% #828C7B	RGB 130 140 123	#828C7B
16.7%	16.7% #747F6E	RGB 116 127 110	#747F6E
33.3%	33.3% #667261	RGB 102 114 97	#667261
50.0%	50.0% #586555	RGB 88 101 85	#586555
66.7%	66.7% #4A5848	RGB 74 88 72	#4A5848
83.3%	83.3% #3C4B3B	RGB 60 75 59	#3C4B3B
100.0%	100.0% #2F3E2F	RGB 47 62 47	#2F3E2F

#828C7B #747F6E #667261 #586555 #4A5848 #3C4B3B #2F3E2F

#828C7B - #2F3E2F

HSV Blend

#828C7B - #2F3E2F | 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 #828C7B as 0% and #2F3E2F as 100%.

0.0%	0.0% #828C7B	RGB 130 140 123	#828C7B
16.7%	16.7% #737F6D	RGB 115 127 109	#737F6D
33.3%	33.3% #64725F	RGB 100 114 95	#64725F
50.0%	50.0% #566552	RGB 86 101 82	#566552
66.7%	66.7% #485846	RGB 72 88 70	#485846
83.3%	83.3% #3B4B3A	RGB 59 75 58	#3B4B3A
100.0%	100.0% #2F3E2F	RGB 47 62 47	#2F3E2F

#828C7B #737F6D #64725F #566552 #485846 #3B4B3A #2F3E2F

#828C7B - #566552 - #2F3E2F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #828C7B 0%, #566552 50%, #2F3E2F 100%);
    background: -webkit-linear-gradient(top, #828C7B 0%, #566552 50%, #2F3E2F 100%);
    background: linear-gradient(to bottom, #828C7B 0%, #566552 50%, #2F3E2F 100%);
}
</style>