#02B5AB - #00846D | 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 #02B5AB to #00846D

#02B5AB #00846D

Calculate the color between two colors, #02B5AB and #00846D. 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)

#02B5AB - #00846D | 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 #02B5AB as 0% and #00846D as 100%.

0.0%	0.0% #02B5AB	RGB 2 181 171	#02B5AB
16.7%	16.7% #01ACA0	RGB 1 172 160	#01ACA0
33.3%	33.3% #01A496	RGB 1 164 150	#01A496
50.0%	50.0% #019C8C	RGB 1 156 140	#019C8C
66.7%	66.7% #009481	RGB 0 148 129	#009481
83.3%	83.3% #008C77	RGB 0 140 119	#008C77
100.0%	100.0% #00846D	RGB 0 132 109	#00846D

#02B5AB #01ACA0 #01A496 #019C8C #009481 #008C77 #00846D

#02B5AB - #00846D

HSV Blend

#02B5AB - #00846D | 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 #02B5AB as 0% and #00846D as 100%.

0.0%	0.0% #02B5AB	RGB 2 181 171	#02B5AB
16.7%	16.7% #01AC9F	RGB 1 172 159	#01AC9F
33.3%	33.3% #01A495	RGB 1 164 149	#01A495
50.0%	50.0% #009C8A	RGB 0 156 138	#009C8A
66.7%	66.7% #009480	RGB 0 148 128	#009480
83.3%	83.3% #008C76	RGB 0 140 118	#008C76
100.0%	100.0% #00846D	RGB 0 132 109	#00846D

#02B5AB #01AC9F #01A495 #009C8A #009480 #008C76 #00846D

#02B5AB - #009C8A - #00846D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #02B5AB 0%, #009C8A 50%, #00846D 100%);
    background: -webkit-linear-gradient(top, #02B5AB 0%, #009C8A 50%, #00846D 100%);
    background: linear-gradient(to bottom, #02B5AB 0%, #009C8A 50%, #00846D 100%);
}
</style>