#00BBCB - #027089 | 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 #027089

#00BBCB #027089

Calculate the color between two colors, #00BBCB and #027089. 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 - #027089 | 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 #027089 as 100%.

0.0%	0.0% #00BBCB	RGB 0 187 203	#00BBCB
16.7%	16.7% #00AEC0	RGB 0 174 192	#00AEC0
33.3%	33.3% #00A2B5	RGB 0 162 181	#00A2B5
50.0%	50.0% #0195AA	RGB 1 149 170	#0195AA
66.7%	66.7% #01899F	RGB 1 137 159	#01899F
83.3%	83.3% #017C94	RGB 1 124 148	#017C94
100.0%	100.0% #027089	RGB 2 112 137	#027089

#00BBCB #00AEC0 #00A2B5 #0195AA #01899F #017C94 #027089

#00BBCB - #027089

HSV Blend

#00BBCB - #027089 | 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 #027089 as 100%.

0.0%	0.0% #00BACB	RGB 0 186 203	#00BACB
16.7%	16.7% #00ADC0	RGB 0 173 192	#00ADC0
33.3%	33.3% #00A0B5	RGB 0 160 181	#00A0B5
50.0%	50.0% #0193AA	RGB 1 147 170	#0193AA
66.7%	66.7% #01879F	RGB 1 135 159	#01879F
83.3%	83.3% #017B94	RGB 1 123 148	#017B94
100.0%	100.0% #027089	RGB 2 112 137	#027089

#00BACB #00ADC0 #00A0B5 #0193AA #01879F #017B94 #027089

#00BBCB - #0193AA - #027089

CSS codes

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

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