#77C2B5 - #1A8F7E | 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 #77C2B5 to #1A8F7E

#77C2B5 #1A8F7E

Calculate the color between two colors, #77C2B5 and #1A8F7E. 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)

#77C2B5 - #1A8F7E | 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 #77C2B5 as 0% and #1A8F7E as 100%.

0.0%	0.0% #77C2B5	RGB 119 194 181	#77C2B5
16.7%	16.7% #67B9AB	RGB 103 185 171	#67B9AB
33.3%	33.3% #58B1A2	RGB 88 177 162	#58B1A2
50.0%	50.0% #48A899	RGB 72 168 153	#48A899
66.7%	66.7% #39A090	RGB 57 160 144	#39A090
83.3%	83.3% #299787	RGB 41 151 135	#299787
100.0%	100.0% #1A8F7E	RGB 26 143 126	#1A8F7E

#77C2B5 #67B9AB #58B1A2 #48A899 #39A090 #299787 #1A8F7E

#77C2B5 - #1A8F7E

HSV Blend

#77C2B5 - #1A8F7E | 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 #77C2B5 as 0% and #1A8F7E as 100%.

0.0%	0.0% #77C2B5	RGB 119 194 181	#77C2B5
16.7%	16.7% #64B9AB	RGB 100 185 171	#64B9AB
33.3%	33.3% #53B1A1	RGB 83 177 161	#53B1A1
50.0%	50.0% #42A898	RGB 66 168 152	#42A898
66.7%	66.7% #34A08F	RGB 52 160 143	#34A08F
83.3%	83.3% #269786	RGB 38 151 134	#269786
100.0%	100.0% #1A8F7E	RGB 26 143 126	#1A8F7E

#77C2B5 #64B9AB #53B1A1 #42A898 #34A08F #269786 #1A8F7E

#77C2B5 - #42A898 - #1A8F7E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #77C2B5 0%, #42A898 50%, #1A8F7E 100%);
    background: -webkit-linear-gradient(top, #77C2B5 0%, #42A898 50%, #1A8F7E 100%);
    background: linear-gradient(to bottom, #77C2B5 0%, #42A898 50%, #1A8F7E 100%);
}
</style>