#6EB6A6 - #16664E | 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 #6EB6A6 to #16664E

#6EB6A6 #16664E

Calculate the color between two colors, #6EB6A6 and #16664E. 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)

#6EB6A6 - #16664E | 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 #6EB6A6 as 0% and #16664E as 100%.

0.0%	0.0% #6EB6A6	RGB 110 182 166	#6EB6A6
16.7%	16.7% #5FA897	RGB 95 168 151	#5FA897
33.3%	33.3% #509B88	RGB 80 155 136	#509B88
50.0%	50.0% #428E7A	RGB 66 142 122	#428E7A
66.7%	66.7% #33806B	RGB 51 128 107	#33806B
83.3%	83.3% #24735C	RGB 36 115 92	#24735C
100.0%	100.0% #16664E	RGB 22 102 78	#16664E

#6EB6A6 #5FA897 #509B88 #428E7A #33806B #24735C #16664E

#6EB6A6 - #16664E

HSV Blend

#6EB6A6 - #16664E | 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 #6EB6A6 as 0% and #16664E as 100%.

0.0%	0.0% #6EB6A6	RGB 110 182 166	#6EB6A6
16.7%	16.7% #5BA896	RGB 91 168 150	#5BA896
33.3%	33.3% #499B87	RGB 73 155 135	#499B87
50.0%	50.0% #3A8E78	RGB 58 142 120	#3A8E78
66.7%	66.7% #2C8069	RGB 44 128 105	#2C8069
83.3%	83.3% #20735B	RGB 32 115 91	#20735B
100.0%	100.0% #16664E	RGB 22 102 78	#16664E

#6EB6A6 #5BA896 #499B87 #3A8E78 #2C8069 #20735B #16664E

#6EB6A6 - #3A8E78 - #16664E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6EB6A6 0%, #3A8E78 50%, #16664E 100%);
    background: -webkit-linear-gradient(top, #6EB6A6 0%, #3A8E78 50%, #16664E 100%);
    background: linear-gradient(to bottom, #6EB6A6 0%, #3A8E78 50%, #16664E 100%);
}
</style>