#00B8C9 - #046D85 | 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 #00B8C9 to #046D85

#00B8C9 #046D85

Calculate the color between two colors, #00B8C9 and #046D85. 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)

#00B8C9 - #046D85 | 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 #00B8C9 as 0% and #046D85 as 100%.

0.0%	0.0% #00B8C9	RGB 0 184 201	#00B8C9
16.7%	16.7% #00ABBD	RGB 0 171 189	#00ABBD
33.3%	33.3% #019FB2	RGB 1 159 178	#019FB2
50.0%	50.0% #0292A7	RGB 2 146 167	#0292A7
66.7%	66.7% #02869B	RGB 2 134 155	#02869B
83.3%	83.3% #037990	RGB 3 121 144	#037990
100.0%	100.0% #046D85	RGB 4 109 133	#046D85

#00B8C9 #00ABBD #019FB2 #0292A7 #02869B #037990 #046D85

#00B8C9 - #046D85

HSV Blend

#00B8C9 - #046D85 | 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 #00B8C9 as 0% and #046D85 as 100%.

0.0%	0.0% #00B8C9	RGB 0 184 201	#00B8C9
16.7%	16.7% #00AABD	RGB 0 170 189	#00AABD
33.3%	33.3% #019DB2	RGB 1 157 178	#019DB2
50.0%	50.0% #0290A7	RGB 2 144 167	#0290A7
66.7%	66.7% #03849B	RGB 3 132 155	#03849B
83.3%	83.3% #037890	RGB 3 120 144	#037890
100.0%	100.0% #046D85	RGB 4 109 133	#046D85

#00B8C9 #00AABD #019DB2 #0290A7 #03849B #037890 #046D85

#00B8C9 - #0290A7 - #046D85

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00B8C9 0%, #0290A7 50%, #046D85 100%);
    background: -webkit-linear-gradient(top, #00B8C9 0%, #0290A7 50%, #046D85 100%);
    background: linear-gradient(to bottom, #00B8C9 0%, #0290A7 50%, #046D85 100%);
}
</style>