#00B8D7 - #CBFFAC | 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 #00B8D7 to #CBFFAC

#00B8D7 #CBFFAC

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

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

0.0%	0.0% #00B8D7	RGB 0 184 215	#00B8D7
16.7%	16.7% #21C3CF	RGB 33 195 207	#21C3CF
33.3%	33.3% #43CFC8	RGB 67 207 200	#43CFC8
50.0%	50.0% #65DBC1	RGB 101 219 193	#65DBC1
66.7%	66.7% #87E7BA	RGB 135 231 186	#87E7BA
83.3%	83.3% #A9F3B3	RGB 169 243 179	#A9F3B3
100.0%	100.0% #CBFFAC	RGB 203 255 172	#CBFFAC

#00B8D7 #21C3CF #43CFC8 #65DBC1 #87E7BA #A9F3B3 #CBFFAC

#00B8D7 - #CBFFAC

HSV Blend

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

0.0%	0.0% #00B7D7	RGB 0 183 215	#00B7D7
16.7%	16.7% #18DDC8	RGB 24 221 200	#18DDC8
33.3%	33.3% #33E4A4	RGB 51 228 164	#33E4A4
50.0%	50.0% #4FEB8B	RGB 79 235 139	#4FEB8B
66.7%	66.7% #6CF17E	RGB 108 241 126	#6CF17E
83.3%	83.3% #98F88B	RGB 152 248 139	#98F88B
100.0%	100.0% #CBFFAC	RGB 203 255 172	#CBFFAC

#00B7D7 #18DDC8 #33E4A4 #4FEB8B #6CF17E #98F88B #CBFFAC

#00B8D7 - #4FEB8B - #CBFFAC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00B7D7 0%, #4FEB8B 50%, #CBFFAC 100%);
    background: -webkit-linear-gradient(top, #00B7D7 0%, #4FEB8B 50%, #CBFFAC 100%);
    background: linear-gradient(to bottom, #00B7D7 0%, #4FEB8B 50%, #CBFFAC 100%);
}
</style>