#12FFBC - #C0FF8C | 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 #12FFBC to #C0FF8C

#12FFBC #C0FF8C

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

#12FFBC - #C0FF8C | 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 #12FFBC as 0% and #C0FF8C as 100%.

0.0%	0.0% #12FFBC	RGB 18 255 188	#12FFBC
16.7%	16.7% #2FFFB4	RGB 47 255 180	#2FFFB4
33.3%	33.3% #4CFFAC	RGB 76 255 172	#4CFFAC
50.0%	50.0% #69FFA4	RGB 105 255 164	#69FFA4
66.7%	66.7% #86FF9C	RGB 134 255 156	#86FF9C
83.3%	83.3% #A3FF94	RGB 163 255 148	#A3FF94
100.0%	100.0% #C0FF8C	RGB 192 255 140	#C0FF8C

#12FFBC #2FFFB4 #4CFFAC #69FFA4 #86FF9C #A3FF94 #C0FF8C

#12FFBC - #C0FF8C

HSV Blend

#12FFBC - #C0FF8C | 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 #12FFBC as 0% and #C0FF8C as 100%.

0.0%	0.0% #11FFBC	RGB 17 255 188	#11FFBC
16.7%	16.7% #26FF97	RGB 38 255 151	#26FF97
33.3%	33.3% #3AFF7A	RGB 58 255 122	#3AFF7A
50.0%	50.0% #4FFF66	RGB 79 255 102	#4FFF66
66.7%	66.7% #6DFF63	RGB 109 255 99	#6DFF63
83.3%	83.3% #9AFF77	RGB 154 255 119	#9AFF77
100.0%	100.0% #C0FF8C	RGB 192 255 140	#C0FF8C

#11FFBC #26FF97 #3AFF7A #4FFF66 #6DFF63 #9AFF77 #C0FF8C

#12FFBC - #4FFF66 - #C0FF8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #11FFBC 0%, #4FFF66 50%, #C0FF8C 100%);
    background: -webkit-linear-gradient(top, #11FFBC 0%, #4FFF66 50%, #C0FF8C 100%);
    background: linear-gradient(to bottom, #11FFBC 0%, #4FFF66 50%, #C0FF8C 100%);
}
</style>