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

#82938C #2D5E51

Calculate the color between two colors, #82938C 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)

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

0.0%	0.0% #82938C	RGB 130 147 140	#82938C
16.7%	16.7% #738A82	RGB 115 138 130	#738A82
33.3%	33.3% #658178	RGB 101 129 120	#658178
50.0%	50.0% #57786E	RGB 87 120 110	#57786E
66.7%	66.7% #496F64	RGB 73 111 100	#496F64
83.3%	83.3% #3B665A	RGB 59 102 90	#3B665A
100.0%	100.0% #2D5E51	RGB 45 94 81	#2D5E51

#82938C #738A82 #658178 #57786E #496F64 #3B665A #2D5E51

#82938C - #2D5E51

HSV Blend

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

0.0%	0.0% #82938C	RGB 130 147 140	#82938C
16.7%	16.7% #708A80	RGB 112 138 128	#708A80
33.3%	33.3% #608175	RGB 96 129 117	#608175
50.0%	50.0% #52786B	RGB 82 120 107	#52786B
66.7%	66.7% #446F62	RGB 68 111 98	#446F62
83.3%	83.3% #386659	RGB 56 102 89	#386659
100.0%	100.0% #2D5E51	RGB 45 94 81	#2D5E51

#82938C #708A80 #608175 #52786B #446F62 #386659 #2D5E51

#82938C - #52786B - #2D5E51

CSS codes

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

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