#6CC2B5 - #11907E | 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 #6CC2B5 to #11907E

#6CC2B5 #11907E

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

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

0.0%	0.0% #6CC2B5	RGB 108 194 181	#6CC2B5
16.7%	16.7% #5CB9AB	RGB 92 185 171	#5CB9AB
33.3%	33.3% #4DB1A2	RGB 77 177 162	#4DB1A2
50.0%	50.0% #3EA999	RGB 62 169 153	#3EA999
66.7%	66.7% #2FA090	RGB 47 160 144	#2FA090
83.3%	83.3% #209887	RGB 32 152 135	#209887
100.0%	100.0% #11907E	RGB 17 144 126	#11907E

#6CC2B5 #5CB9AB #4DB1A2 #3EA999 #2FA090 #209887 #11907E

#6CC2B5 - #11907E

HSV Blend

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

0.0%	0.0% #6CC2B5	RGB 108 194 181	#6CC2B5
16.7%	16.7% #59B9AB	RGB 89 185 171	#59B9AB
33.3%	33.3% #48B1A1	RGB 72 177 161	#48B1A1
50.0%	50.0% #39A998	RGB 57 169 152	#39A998
66.7%	66.7% #2AA08F	RGB 42 160 143	#2AA08F
83.3%	83.3% #1D9886	RGB 29 152 134	#1D9886
100.0%	100.0% #11907E	RGB 17 144 126	#11907E

#6CC2B5 #59B9AB #48B1A1 #39A998 #2AA08F #1D9886 #11907E

#6CC2B5 - #39A998 - #11907E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6CC2B5 0%, #39A998 50%, #11907E 100%);
    background: -webkit-linear-gradient(top, #6CC2B5 0%, #39A998 50%, #11907E 100%);
    background: linear-gradient(to bottom, #6CC2B5 0%, #39A998 50%, #11907E 100%);
}
</style>