#00BA9C - #CAFFAA | 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 #00BA9C to #CAFFAA

#00BA9C #CAFFAA

Calculate the color between two colors, #00BA9C and #CAFFAA. 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)

#00BA9C - #CAFFAA | 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 #00BA9C as 0% and #CAFFAA as 100%.

0.0%	0.0% #00BA9C	RGB 0 186 156	#00BA9C
16.7%	16.7% #21C59E	RGB 33 197 158	#21C59E
33.3%	33.3% #43D1A0	RGB 67 209 160	#43D1A0
50.0%	50.0% #65DCA3	RGB 101 220 163	#65DCA3
66.7%	66.7% #86E8A5	RGB 134 232 165	#86E8A5
83.3%	83.3% #A8F3A7	RGB 168 243 167	#A8F3A7
100.0%	100.0% #CAFFAA	RGB 202 255 170	#CAFFAA

#00BA9C #21C59E #43D1A0 #65DCA3 #86E8A5 #A8F3A7 #CAFFAA

#00BA9C - #CAFFAA

HSV Blend

#00BA9C - #CAFFAA | 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 #00BA9C as 0% and #CAFFAA as 100%.

0.0%	0.0% #00BA9C	RGB 0 186 156	#00BA9C
16.7%	16.7% #15C585	RGB 21 197 133	#15C585
33.3%	33.3% #2ED174	RGB 46 209 116	#2ED174
50.0%	50.0% #49DC6B	RGB 73 220 107	#49DC6B
66.7%	66.7% #67E86A	RGB 103 232 106	#67E86A
83.3%	83.3% #9AF387	RGB 154 243 135	#9AF387
100.0%	100.0% #CAFFAA	RGB 202 255 170	#CAFFAA

#00BA9C #15C585 #2ED174 #49DC6B #67E86A #9AF387 #CAFFAA

#00BA9C - #49DC6B - #CAFFAA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00BA9C 0%, #49DC6B 50%, #CAFFAA 100%);
    background: -webkit-linear-gradient(top, #00BA9C 0%, #49DC6B 50%, #CAFFAA 100%);
    background: linear-gradient(to bottom, #00BA9C 0%, #49DC6B 50%, #CAFFAA 100%);
}
</style>