#344449 - #8F897B | 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 #344449 to #8F897B

#344449 #8F897B

Calculate the color between two colors, #344449 and #8F897B. 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)

#344449 - #8F897B | 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 #344449 as 0% and #8F897B as 100%.

0.0%	0.0% #344449	RGB 52 68 73	#344449
16.7%	16.7% #434F51	RGB 67 79 81	#434F51
33.3%	33.3% #525B59	RGB 82 91 89	#525B59
50.0%	50.0% #616662	RGB 97 102 98	#616662
66.7%	66.7% #70726A	RGB 112 114 106	#70726A
83.3%	83.3% #7F7D72	RGB 127 125 114	#7F7D72
100.0%	100.0% #8F897B	RGB 143 137 123	#8F897B

#344449 #434F51 #525B59 #616662 #70726A #7F7D72 #8F897B

#344449 - #8F897B

HSV Blend

#344449 - #8F897B | 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 #344449 as 0% and #8F897B as 100%.

0.0%	0.0% #344449	RGB 52 68 73	#344449
16.7%	16.7% #3E5450	RGB 62 84 80	#3E5450
33.3%	33.3% #496052	RGB 73 96 82	#496052
50.0%	50.0% #556C54	RGB 85 108 84	#556C54
66.7%	66.7% #6B7761	RGB 107 119 97	#6B7761
83.3%	83.3% #80836D	RGB 128 131 109	#80836D
100.0%	100.0% #8F897B	RGB 143 137 123	#8F897B

#344449 #3E5450 #496052 #556C54 #6B7761 #80836D #8F897B

#344449 - #556C54 - #8F897B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #344449 0%, #556C54 50%, #8F897B 100%);
    background: -webkit-linear-gradient(top, #344449 0%, #556C54 50%, #8F897B 100%);
    background: linear-gradient(to bottom, #344449 0%, #556C54 50%, #8F897B 100%);
}
</style>