#00CBE7 - #0082B7 | 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 #00CBE7 to #0082B7

#00CBE7 #0082B7

Calculate the color between two colors, #00CBE7 and #0082B7. 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)

#00CBE7 - #0082B7 | 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 #00CBE7 as 0% and #0082B7 as 100%.

0.0%	0.0% #00CBE7	RGB 0 203 231	#00CBE7
16.7%	16.7% #00BEDF	RGB 0 190 223	#00BEDF
33.3%	33.3% #00B2D7	RGB 0 178 215	#00B2D7
50.0%	50.0% #00A6CF	RGB 0 166 207	#00A6CF
66.7%	66.7% #009AC7	RGB 0 154 199	#009AC7
83.3%	83.3% #008EBF	RGB 0 142 191	#008EBF
100.0%	100.0% #0082B7	RGB 0 130 183	#0082B7

#00CBE7 #00BEDF #00B2D7 #00A6CF #009AC7 #008EBF #0082B7

#00CBE7 - #0082B7

HSV Blend

#00CBE7 - #0082B7 | 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 #00CBE7 as 0% and #0082B7 as 100%.

0.0%	0.0% #00CAE7	RGB 0 202 231	#00CAE7
16.7%	16.7% #00BDDF	RGB 0 189 223	#00BDDF
33.3%	33.3% #00B0D7	RGB 0 176 215	#00B0D7
50.0%	50.0% #00A4CF	RGB 0 164 207	#00A4CF
66.7%	66.7% #0098C7	RGB 0 152 199	#0098C7
83.3%	83.3% #008DBF	RGB 0 141 191	#008DBF
100.0%	100.0% #0082B7	RGB 0 130 183	#0082B7

#00CAE7 #00BDDF #00B0D7 #00A4CF #0098C7 #008DBF #0082B7

#00CBE7 - #00A4CF - #0082B7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00CAE7 0%, #00A4CF 50%, #0082B7 100%);
    background: -webkit-linear-gradient(top, #00CAE7 0%, #00A4CF 50%, #0082B7 100%);
    background: linear-gradient(to bottom, #00CAE7 0%, #00A4CF 50%, #0082B7 100%);
}
</style>