#6D9C8C - #1D6450 | 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 #6D9C8C to #1D6450

#6D9C8C #1D6450

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

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

0.0%	0.0% #6D9C8C	RGB 109 156 140	#6D9C8C
16.7%	16.7% #5F9282	RGB 95 146 130	#5F9282
33.3%	33.3% #528978	RGB 82 137 120	#528978
50.0%	50.0% #45806E	RGB 69 128 110	#45806E
66.7%	66.7% #377664	RGB 55 118 100	#377664
83.3%	83.3% #2A6D5A	RGB 42 109 90	#2A6D5A
100.0%	100.0% #1D6450	RGB 29 100 80	#1D6450

#6D9C8C #5F9282 #528978 #45806E #377664 #2A6D5A #1D6450

#6D9C8C - #1D6450

HSV Blend

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

0.0%	0.0% #6D9C8C	RGB 109 156 140	#6D9C8C
16.7%	16.7% #5C9280	RGB 92 146 128	#5C9280
33.3%	33.3% #4D8976	RGB 77 137 118	#4D8976
50.0%	50.0% #3F806B	RGB 63 128 107	#3F806B
66.7%	66.7% #327662	RGB 50 118 98	#327662
83.3%	83.3% #276D58	RGB 39 109 88	#276D58
100.0%	100.0% #1D6450	RGB 29 100 80	#1D6450

#6D9C8C #5C9280 #4D8976 #3F806B #327662 #276D58 #1D6450

#6D9C8C - #3F806B - #1D6450

CSS codes

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

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