#3E5656 - #829A70 | 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 #3E5656 to #829A70

#3E5656 #829A70

Calculate the color between two colors, #3E5656 and #829A70. 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)

#3E5656 - #829A70 | 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 #3E5656 as 0% and #829A70 as 100%.

0.0%	0.0% #3E5656	RGB 62 86 86	#3E5656
16.7%	16.7% #49615A	RGB 73 97 90	#49615A
33.3%	33.3% #546C5E	RGB 84 108 94	#546C5E
50.0%	50.0% #607863	RGB 96 120 99	#607863
66.7%	66.7% #6B8367	RGB 107 131 103	#6B8367
83.3%	83.3% #768E6B	RGB 118 142 107	#768E6B
100.0%	100.0% #829A70	RGB 130 154 112	#829A70

#3E5656 #49615A #546C5E #607863 #6B8367 #768E6B #829A70

#3E5656 - #829A70

HSV Blend

#3E5656 - #829A70 | 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 #3E5656 as 0% and #829A70 as 100%.

0.0%	0.0% #3E5656	RGB 62 86 86	#3E5656
16.7%	16.7% #46615A	RGB 70 97 90	#46615A
33.3%	33.3% #4E6C5E	RGB 78 108 94	#4E6C5E
50.0%	50.0% #567860	RGB 86 120 96	#567860
66.7%	66.7% #5F8360	RGB 95 131 96	#5F8360
83.3%	83.3% #6F8E67	RGB 111 142 103	#6F8E67
100.0%	100.0% #829A70	RGB 130 154 112	#829A70

#3E5656 #46615A #4E6C5E #567860 #5F8360 #6F8E67 #829A70

#3E5656 - #567860 - #829A70

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5656 0%, #567860 50%, #829A70 100%);
    background: -webkit-linear-gradient(top, #3E5656 0%, #567860 50%, #829A70 100%);
    background: linear-gradient(to bottom, #3E5656 0%, #567860 50%, #829A70 100%);
}
</style>