#0098BA - #B0FF9A | 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 #0098BA to #B0FF9A

#0098BA #B0FF9A

Calculate the color between two colors, #0098BA and #B0FF9A. 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)

#0098BA - #B0FF9A | 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 #0098BA as 0% and #B0FF9A as 100%.

0.0%	0.0% #0098BA	RGB 0 152 186	#0098BA
16.7%	16.7% #1DA9B4	RGB 29 169 180	#1DA9B4
33.3%	33.3% #3ABAAF	RGB 58 186 175	#3ABAAF
50.0%	50.0% #58CBAA	RGB 88 203 170	#58CBAA
66.7%	66.7% #75DCA4	RGB 117 220 164	#75DCA4
83.3%	83.3% #92ED9F	RGB 146 237 159	#92ED9F
100.0%	100.0% #B0FF9A	RGB 176 255 154	#B0FF9A

#0098BA #1DA9B4 #3ABAAF #58CBAA #75DCA4 #92ED9F #B0FF9A

#0098BA - #B0FF9A

HSV Blend

#0098BA - #B0FF9A | 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 #0098BA as 0% and #B0FF9A as 100%.

0.0%	0.0% #0097BA	RGB 0 151 186	#0097BA
16.7%	16.7% #13C5BC	RGB 19 197 188	#13C5BC
33.3%	33.3% #2AD1A1	RGB 42 209 161	#2AD1A1
50.0%	50.0% #42DC8C	RGB 66 220 140	#42DC8C
66.7%	66.7% #5DE87F	RGB 93 232 127	#5DE87F
83.3%	83.3% #7AF37C	RGB 122 243 124	#7AF37C
100.0%	100.0% #B0FF9A	RGB 176 255 154	#B0FF9A

#0097BA #13C5BC #2AD1A1 #42DC8C #5DE87F #7AF37C #B0FF9A

#0098BA - #42DC8C - #B0FF9A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0097BA 0%, #42DC8C 50%, #B0FF9A 100%);
    background: -webkit-linear-gradient(top, #0097BA 0%, #42DC8C 50%, #B0FF9A 100%);
    background: linear-gradient(to bottom, #0097BA 0%, #42DC8C 50%, #B0FF9A 100%);
}
</style>