#00BBCB - #00353A | 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 #00BBCB to #00353A

#00BBCB #00353A

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

#00BBCB - #00353A | 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 #00BBCB as 0% and #00353A as 100%.

0.0%	0.0% #00BBCB	RGB 0 187 203	#00BBCB
16.7%	16.7% #00A4B2	RGB 0 164 178	#00A4B2
33.3%	33.3% #008E9A	RGB 0 142 154	#008E9A
50.0%	50.0% #007882	RGB 0 120 130	#007882
66.7%	66.7% #00616A	RGB 0 97 106	#00616A
83.3%	83.3% #004B52	RGB 0 75 82	#004B52
100.0%	100.0% #00353A	RGB 0 53 58	#00353A

#00BBCB #00A4B2 #008E9A #007882 #00616A #004B52 #00353A

#00BBCB - #00353A

HSV Blend

#00BBCB - #00353A | 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 #00BBCB as 0% and #00353A as 100%.

0.0%	0.0% #00BACB	RGB 0 186 203	#00BACB
16.7%	16.7% #00A4B2	RGB 0 164 178	#00A4B2
33.3%	33.3% #008E9A	RGB 0 142 154	#008E9A
50.0%	50.0% #007782	RGB 0 119 130	#007782
66.7%	66.7% #00616A	RGB 0 97 106	#00616A
83.3%	83.3% #004B52	RGB 0 75 82	#004B52
100.0%	100.0% #00353A	RGB 0 53 58	#00353A

#00BACB #00A4B2 #008E9A #007782 #00616A #004B52 #00353A

#00BBCB - #007782 - #00353A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00BACB 0%, #007782 50%, #00353A 100%);
    background: -webkit-linear-gradient(top, #00BACB 0%, #007782 50%, #00353A 100%);
    background: linear-gradient(to bottom, #00BACB 0%, #007782 50%, #00353A 100%);
}
</style>