#196B6B - #7CBC8D | 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 #196B6B to #7CBC8D

#196B6B #7CBC8D

Calculate the color between two colors, #196B6B and #7CBC8D. 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)

#196B6B - #7CBC8D | 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 #196B6B as 0% and #7CBC8D as 100%.

0.0%	0.0% #196B6B	RGB 25 107 107	#196B6B
16.7%	16.7% #297870	RGB 41 120 112	#297870
33.3%	33.3% #3A8676	RGB 58 134 118	#3A8676
50.0%	50.0% #4A937C	RGB 74 147 124	#4A937C
66.7%	66.7% #5BA181	RGB 91 161 129	#5BA181
83.3%	83.3% #6BAE87	RGB 107 174 135	#6BAE87
100.0%	100.0% #7CBC8D	RGB 124 188 141	#7CBC8D

#196B6B #297870 #3A8676 #4A937C #5BA181 #6BAE87 #7CBC8D

#196B6B - #7CBC8D

HSV Blend

#196B6B - #7CBC8D | 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 #196B6B as 0% and #7CBC8D as 100%.

0.0%	0.0% #196B6B	RGB 25 107 107	#196B6B
16.7%	16.7% #24786E	RGB 36 120 110	#24786E
33.3%	33.3% #328671	RGB 50 134 113	#328671
50.0%	50.0% #419375	RGB 65 147 117	#419375
66.7%	66.7% #53A17A	RGB 83 161 122	#53A17A
83.3%	83.3% #66AE82	RGB 102 174 130	#66AE82
100.0%	100.0% #7CBC8D	RGB 124 188 141	#7CBC8D

#196B6B #24786E #328671 #419375 #53A17A #66AE82 #7CBC8D

#196B6B - #419375 - #7CBC8D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #196B6B 0%, #419375 50%, #7CBC8D 100%);
    background: -webkit-linear-gradient(top, #196B6B 0%, #419375 50%, #7CBC8D 100%);
    background: linear-gradient(to bottom, #196B6B 0%, #419375 50%, #7CBC8D 100%);
}
</style>