#6A847D - #1E5E3F | 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 #6A847D to #1E5E3F

#6A847D #1E5E3F

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

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

0.0%	0.0% #6A847D	RGB 106 132 125	#6A847D
16.7%	16.7% #5D7D72	RGB 93 125 114	#5D7D72
33.3%	33.3% #507768	RGB 80 119 104	#507768
50.0%	50.0% #44715E	RGB 68 113 94	#44715E
66.7%	66.7% #376A53	RGB 55 106 83	#376A53
83.3%	83.3% #2A6449	RGB 42 100 73	#2A6449
100.0%	100.0% #1E5E3F	RGB 30 94 63	#1E5E3F

#6A847D #5D7D72 #507768 #44715E #376A53 #2A6449 #1E5E3F

#6A847D - #1E5E3F

HSV Blend

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

0.0%	0.0% #6A847D	RGB 106 132 125	#6A847D
16.7%	16.7% #5A7D73	RGB 90 125 115	#5A7D73
33.3%	33.3% #4C7768	RGB 76 119 104	#4C7768
50.0%	50.0% #3F715E	RGB 63 113 94	#3F715E
66.7%	66.7% #336A53	RGB 51 106 83	#336A53
83.3%	83.3% #286449	RGB 40 100 73	#286449
100.0%	100.0% #1E5E3F	RGB 30 94 63	#1E5E3F

#6A847D #5A7D73 #4C7768 #3F715E #336A53 #286449 #1E5E3F

#6A847D - #3F715E - #1E5E3F

CSS codes

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

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