#82938E - #2D5E51 | 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 #82938E to #2D5E51

#82938E #2D5E51

Calculate the color between two colors, #82938E and #2D5E51. 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)

#82938E - #2D5E51 | 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 #82938E as 0% and #2D5E51 as 100%.

0.0%	0.0% #82938E	RGB 130 147 142	#82938E
16.7%	16.7% #738A83	RGB 115 138 131	#738A83
33.3%	33.3% #658179	RGB 101 129 121	#658179
50.0%	50.0% #57786F	RGB 87 120 111	#57786F
66.7%	66.7% #496F65	RGB 73 111 101	#496F65
83.3%	83.3% #3B665B	RGB 59 102 91	#3B665B
100.0%	100.0% #2D5E51	RGB 45 94 81	#2D5E51

#82938E #738A83 #658179 #57786F #496F65 #3B665B #2D5E51

#82938E - #2D5E51

HSV Blend

#82938E - #2D5E51 | 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 #82938E as 0% and #2D5E51 as 100%.

0.0%	0.0% #82938E	RGB 130 147 142	#82938E
16.7%	16.7% #708A82	RGB 112 138 130	#708A82
33.3%	33.3% #608178	RGB 96 129 120	#608178
50.0%	50.0% #52786D	RGB 82 120 109	#52786D
66.7%	66.7% #446F63	RGB 68 111 99	#446F63
83.3%	83.3% #38665A	RGB 56 102 90	#38665A
100.0%	100.0% #2D5E51	RGB 45 94 81	#2D5E51

#82938E #708A82 #608178 #52786D #446F63 #38665A #2D5E51

#82938E - #52786D - #2D5E51

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #82938E 0%, #52786D 50%, #2D5E51 100%);
    background: -webkit-linear-gradient(top, #82938E 0%, #52786D 50%, #2D5E51 100%);
    background: linear-gradient(to bottom, #82938E 0%, #52786D 50%, #2D5E51 100%);
}
</style>