#6BFFB5 - #14C06C | 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 #6BFFB5 to #14C06C

#6BFFB5 #14C06C

Calculate the color between two colors, #6BFFB5 and #14C06C. 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)

#6BFFB5 - #14C06C | 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 #6BFFB5 as 0% and #14C06C as 100%.

0.0%	0.0% #6BFFB5	RGB 107 255 181	#6BFFB5
16.7%	16.7% #5CF4A8	RGB 92 244 168	#5CF4A8
33.3%	33.3% #4EEA9C	RGB 78 234 156	#4EEA9C
50.0%	50.0% #3FDF90	RGB 63 223 144	#3FDF90
66.7%	66.7% #31D584	RGB 49 213 132	#31D584
83.3%	83.3% #22CA78	RGB 34 202 120	#22CA78
100.0%	100.0% #14C06C	RGB 20 192 108	#14C06C

#6BFFB5 #5CF4A8 #4EEA9C #3FDF90 #31D584 #22CA78 #14C06C

#6BFFB5 - #14C06C

HSV Blend

#6BFFB5 - #14C06C | 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 #6BFFB5 as 0% and #14C06C as 100%.

0.0%	0.0% #6BFFB4	RGB 107 255 180	#6BFFB4
16.7%	16.7% #59F4A7	RGB 89 244 167	#59F4A7
33.3%	33.3% #49EA9A	RGB 73 234 154	#49EA9A
50.0%	50.0% #3ADF8D	RGB 58 223 141	#3ADF8D
66.7%	66.7% #2CD582	RGB 44 213 130	#2CD582
83.3%	83.3% #1FCA76	RGB 31 202 118	#1FCA76
100.0%	100.0% #14C06C	RGB 20 192 108	#14C06C

#6BFFB4 #59F4A7 #49EA9A #3ADF8D #2CD582 #1FCA76 #14C06C

#6BFFB5 - #3ADF8D - #14C06C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6BFFB4 0%, #3ADF8D 50%, #14C06C 100%);
    background: -webkit-linear-gradient(top, #6BFFB4 0%, #3ADF8D 50%, #14C06C 100%);
    background: linear-gradient(to bottom, #6BFFB4 0%, #3ADF8D 50%, #14C06C 100%);
}
</style>