#3AC2BC - #BBFF8C | 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 #3AC2BC to #BBFF8C

#3AC2BC #BBFF8C

Calculate the color between two colors, #3AC2BC and #BBFF8C. 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)

#3AC2BC - #BBFF8C | 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 #3AC2BC as 0% and #BBFF8C as 100%.

0.0%	0.0% #3AC2BC	RGB 58 194 188	#3AC2BC
16.7%	16.7% #4FCCB4	RGB 79 204 180	#4FCCB4
33.3%	33.3% #65D6AC	RGB 101 214 172	#65D6AC
50.0%	50.0% #7AE0A4	RGB 122 224 164	#7AE0A4
66.7%	66.7% #90EA9C	RGB 144 234 156	#90EA9C
83.3%	83.3% #A5F494	RGB 165 244 148	#A5F494
100.0%	100.0% #BBFF8C	RGB 187 255 140	#BBFF8C

#3AC2BC #4FCCB4 #65D6AC #7AE0A4 #90EA9C #A5F494 #BBFF8C

#3AC2BC - #BBFF8C

HSV Blend

#3AC2BC - #BBFF8C | 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 #3AC2BC as 0% and #BBFF8C as 100%.

0.0%	0.0% #3AC2BC	RGB 58 194 188	#3AC2BC
16.7%	16.7% #45CCA7	RGB 69 204 167	#45CCA7
33.3%	33.3% #51D694	RGB 81 214 148	#51D694
50.0%	50.0% #5FE082	RGB 95 224 130	#5FE082
66.7%	66.7% #6DEA73	RGB 109 234 115	#6DEA73
83.3%	83.3% #92F47C	RGB 146 244 124	#92F47C
100.0%	100.0% #BBFF8C	RGB 187 255 140	#BBFF8C

#3AC2BC #45CCA7 #51D694 #5FE082 #6DEA73 #92F47C #BBFF8C

#3AC2BC - #5FE082 - #BBFF8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3AC2BC 0%, #5FE082 50%, #BBFF8C 100%);
    background: -webkit-linear-gradient(top, #3AC2BC 0%, #5FE082 50%, #BBFF8C 100%);
    background: linear-gradient(to bottom, #3AC2BC 0%, #5FE082 50%, #BBFF8C 100%);
}
</style>