#00B2DA - #00323E | 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 #00B2DA to #00323E

#00B2DA #00323E

Calculate the color between two colors, #00B2DA and #00323E. 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)

#00B2DA - #00323E | 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 #00B2DA as 0% and #00323E as 100%.

0.0%	0.0% #00B2DA	RGB 0 178 218	#00B2DA
16.7%	16.7% #009CC0	RGB 0 156 192	#009CC0
33.3%	33.3% #0087A6	RGB 0 135 166	#0087A6
50.0%	50.0% #00728C	RGB 0 114 140	#00728C
66.7%	66.7% #005C72	RGB 0 92 114	#005C72
83.3%	83.3% #004758	RGB 0 71 88	#004758
100.0%	100.0% #00323E	RGB 0 50 62	#00323E

#00B2DA #009CC0 #0087A6 #00728C #005C72 #004758 #00323E

#00B2DA - #00323E

HSV Blend

#00B2DA - #00323E | 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 #00B2DA as 0% and #00323E as 100%.

0.0%	0.0% #00B1DA	RGB 0 177 218	#00B1DA
16.7%	16.7% #009CC0	RGB 0 156 192	#009CC0
33.3%	33.3% #0086A6	RGB 0 134 166	#0086A6
50.0%	50.0% #00718C	RGB 0 113 140	#00718C
66.7%	66.7% #005C72	RGB 0 92 114	#005C72
83.3%	83.3% #004758	RGB 0 71 88	#004758
100.0%	100.0% #00323E	RGB 0 50 62	#00323E

#00B1DA #009CC0 #0086A6 #00718C #005C72 #004758 #00323E

#00B2DA - #00718C - #00323E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00B1DA 0%, #00718C 50%, #00323E 100%);
    background: -webkit-linear-gradient(top, #00B1DA 0%, #00718C 50%, #00323E 100%);
    background: linear-gradient(to bottom, #00B1DA 0%, #00718C 50%, #00323E 100%);
}
</style>