#12B6A8 - #00856B | 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 #12B6A8 to #00856B

#12B6A8 #00856B

Calculate the color between two colors, #12B6A8 and #00856B. 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)

#12B6A8 - #00856B | 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 #12B6A8 as 0% and #00856B as 100%.

0.0%	0.0% #12B6A8	RGB 18 182 168	#12B6A8
16.7%	16.7% #0FAD9D	RGB 15 173 157	#0FAD9D
33.3%	33.3% #0CA593	RGB 12 165 147	#0CA593
50.0%	50.0% #099D89	RGB 9 157 137	#099D89
66.7%	66.7% #06957F	RGB 6 149 127	#06957F
83.3%	83.3% #038D75	RGB 3 141 117	#038D75
100.0%	100.0% #00856B	RGB 0 133 107	#00856B

#12B6A8 #0FAD9D #0CA593 #099D89 #06957F #038D75 #00856B

#12B6A8 - #00856B

HSV Blend

#12B6A8 - #00856B | 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 #12B6A8 as 0% and #00856B as 100%.

0.0%	0.0% #11B6A8	RGB 17 182 168	#11B6A8
16.7%	16.7% #0EAD9D	RGB 14 173 157	#0EAD9D
33.3%	33.3% #0AA592	RGB 10 165 146	#0AA592
50.0%	50.0% #079D88	RGB 7 157 136	#079D88
66.7%	66.7% #04957E	RGB 4 149 126	#04957E
83.3%	83.3% #028D74	RGB 2 141 116	#028D74
100.0%	100.0% #00856B	RGB 0 133 107	#00856B

#11B6A8 #0EAD9D #0AA592 #079D88 #04957E #028D74 #00856B

#12B6A8 - #079D88 - #00856B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #11B6A8 0%, #079D88 50%, #00856B 100%);
    background: -webkit-linear-gradient(top, #11B6A8 0%, #079D88 50%, #00856B 100%);
    background: linear-gradient(to bottom, #11B6A8 0%, #079D88 50%, #00856B 100%);
}
</style>