#12E5E5 - #CCFFB3 | 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 #12E5E5 to #CCFFB3

#12E5E5 #CCFFB3

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

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

0.0%	0.0% #12E5E5	RGB 18 229 229	#12E5E5
16.7%	16.7% #31E9DC	RGB 49 233 220	#31E9DC
33.3%	33.3% #50EDD4	RGB 80 237 212	#50EDD4
50.0%	50.0% #6FF2CC	RGB 111 242 204	#6FF2CC
66.7%	66.7% #8EF6C3	RGB 142 246 195	#8EF6C3
83.3%	83.3% #ADFABB	RGB 173 250 187	#ADFABB
100.0%	100.0% #CCFFB3	RGB 204 255 179	#CCFFB3

#12E5E5 #31E9DC #50EDD4 #6FF2CC #8EF6C3 #ADFABB #CCFFB3

#12E5E5 - #CCFFB3

HSV Blend

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

0.0%	0.0% #11E5E5	RGB 17 229 229	#11E5E5
16.7%	16.7% #2AE9BF	RGB 42 233 191	#2AE9BF
33.3%	33.3% #44EDA2	RGB 68 237 162	#44EDA2
50.0%	50.0% #5EF28F	RGB 94 242 143	#5EF28F
66.7%	66.7% #79F687	RGB 121 246 135	#79F687
83.3%	83.3% #A0FA95	RGB 160 250 149	#A0FA95
100.0%	100.0% #CCFFB3	RGB 204 255 179	#CCFFB3

#11E5E5 #2AE9BF #44EDA2 #5EF28F #79F687 #A0FA95 #CCFFB3

#12E5E5 - #5EF28F - #CCFFB3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #11E5E5 0%, #5EF28F 50%, #CCFFB3 100%);
    background: -webkit-linear-gradient(top, #11E5E5 0%, #5EF28F 50%, #CCFFB3 100%);
    background: linear-gradient(to bottom, #11E5E5 0%, #5EF28F 50%, #CCFFB3 100%);
}
</style>