#6D9A8C - #1F2C28 | 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 #6D9A8C to #1F2C28

#6D9A8C #1F2C28

Calculate the color between two colors, #6D9A8C and #1F2C28. 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)

#6D9A8C - #1F2C28 | 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 #6D9A8C as 0% and #1F2C28 as 100%.

0.0%	0.0% #6D9A8C	RGB 109 154 140	#6D9A8C
16.7%	16.7% #60877B	RGB 96 135 123	#60877B
33.3%	33.3% #53756A	RGB 83 117 106	#53756A
50.0%	50.0% #46635A	RGB 70 99 90	#46635A
66.7%	66.7% #395049	RGB 57 80 73	#395049
83.3%	83.3% #2C3E38	RGB 44 62 56	#2C3E38
100.0%	100.0% #1F2C28	RGB 31 44 40	#1F2C28

#6D9A8C #60877B #53756A #46635A #395049 #2C3E38 #1F2C28

#6D9A8C - #1F2C28

HSV Blend

#6D9A8C - #1F2C28 | 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 #6D9A8C as 0% and #1F2C28 as 100%.

0.0%	0.0% #6D9A8C	RGB 109 154 140	#6D9A8C
16.7%	16.7% #5F877B	RGB 95 135 123	#5F877B
33.3%	33.3% #52756A	RGB 82 117 106	#52756A
50.0%	50.0% #456359	RGB 69 99 89	#456359
66.7%	66.7% #385049	RGB 56 80 73	#385049
83.3%	83.3% #2B3E38	RGB 43 62 56	#2B3E38
100.0%	100.0% #1F2C28	RGB 31 44 40	#1F2C28

#6D9A8C #5F877B #52756A #456359 #385049 #2B3E38 #1F2C28

#6D9A8C - #456359 - #1F2C28

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6D9A8C 0%, #456359 50%, #1F2C28 100%);
    background: -webkit-linear-gradient(top, #6D9A8C 0%, #456359 50%, #1F2C28 100%);
    background: linear-gradient(to bottom, #6D9A8C 0%, #456359 50%, #1F2C28 100%);
}
</style>