#6B8C7F - #1E5444 | 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 #6B8C7F to #1E5444

#6B8C7F #1E5444

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

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

0.0%	0.0% #6B8C7F	RGB 107 140 127	#6B8C7F
16.7%	16.7% #5E8275	RGB 94 130 117	#5E8275
33.3%	33.3% #51796B	RGB 81 121 107	#51796B
50.0%	50.0% #447061	RGB 68 112 97	#447061
66.7%	66.7% #376657	RGB 55 102 87	#376657
83.3%	83.3% #2A5D4D	RGB 42 93 77	#2A5D4D
100.0%	100.0% #1E5444	RGB 30 84 68	#1E5444

#6B8C7F #5E8275 #51796B #447061 #376657 #2A5D4D #1E5444

#6B8C7F - #1E5444

HSV Blend

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

0.0%	0.0% #6B8C7F	RGB 107 140 127	#6B8C7F
16.7%	16.7% #5B8273	RGB 91 130 115	#5B8273
33.3%	33.3% #4C7969	RGB 76 121 105	#4C7969
50.0%	50.0% #3E705F	RGB 62 112 95	#3E705F
66.7%	66.7% #326655	RGB 50 102 85	#326655
83.3%	83.3% #275D4C	RGB 39 93 76	#275D4C
100.0%	100.0% #1E5444	RGB 30 84 68	#1E5444

#6B8C7F #5B8273 #4C7969 #3E705F #326655 #275D4C #1E5444

#6B8C7F - #3E705F - #1E5444

CSS codes

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

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