#01CEC3 - #00A192 | 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 #01CEC3 to #00A192

#01CEC3 #00A192

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

#01CEC3 - #00A192 | 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 #01CEC3 as 0% and #00A192 as 100%.

0.0%	0.0% #01CEC3	RGB 1 206 195	#01CEC3
16.7%	16.7% #00C6BA	RGB 0 198 186	#00C6BA
33.3%	33.3% #00BFB2	RGB 0 191 178	#00BFB2
50.0%	50.0% #00B7AA	RGB 0 183 170	#00B7AA
66.7%	66.7% #00B0A2	RGB 0 176 162	#00B0A2
83.3%	83.3% #00A89A	RGB 0 168 154	#00A89A
100.0%	100.0% #00A192	RGB 0 161 146	#00A192

#01CEC3 #00C6BA #00BFB2 #00B7AA #00B0A2 #00A89A #00A192

#01CEC3 - #00A192

HSV Blend

#01CEC3 - #00A192 | 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 #01CEC3 as 0% and #00A192 as 100%.

0.0%	0.0% #01CEC3	RGB 1 206 195	#01CEC3
16.7%	16.7% #00C6BA	RGB 0 198 186	#00C6BA
33.3%	33.3% #00BFB2	RGB 0 191 178	#00BFB2
50.0%	50.0% #00B7AA	RGB 0 183 170	#00B7AA
66.7%	66.7% #00B0A1	RGB 0 176 161	#00B0A1
83.3%	83.3% #00A899	RGB 0 168 153	#00A899
100.0%	100.0% #00A192	RGB 0 161 146	#00A192

#01CEC3 #00C6BA #00BFB2 #00B7AA #00B0A1 #00A899 #00A192

#01CEC3 - #00B7AA - #00A192

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #01CEC3 0%, #00B7AA 50%, #00A192 100%);
    background: -webkit-linear-gradient(top, #01CEC3 0%, #00B7AA 50%, #00A192 100%);
    background: linear-gradient(to bottom, #01CEC3 0%, #00B7AA 50%, #00A192 100%);
}
</style>