#2B8F9C - #064A5E | 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 #2B8F9C to #064A5E

#2B8F9C #064A5E

Calculate the color between two colors, #2B8F9C and #064A5E. 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)

#2B8F9C - #064A5E | 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 #2B8F9C as 0% and #064A5E as 100%.

0.0%	0.0% #2B8F9C	RGB 43 143 156	#2B8F9C
16.7%	16.7% #248391	RGB 36 131 145	#248391
33.3%	33.3% #1E7887	RGB 30 120 135	#1E7887
50.0%	50.0% #186C7D	RGB 24 108 125	#186C7D
66.7%	66.7% #126172	RGB 18 97 114	#126172
83.3%	83.3% #0C5568	RGB 12 85 104	#0C5568
100.0%	100.0% #064A5E	RGB 6 74 94	#064A5E

#2B8F9C #248391 #1E7887 #186C7D #126172 #0C5568 #064A5E

#2B8F9C - #064A5E

HSV Blend

#2B8F9C - #064A5E | 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 #2B8F9C as 0% and #064A5E as 100%.

0.0%	0.0% #2B8F9C	RGB 43 143 156	#2B8F9C
16.7%	16.7% #238291	RGB 35 130 145	#238291
33.3%	33.3% #1B7687	RGB 27 118 135	#1B7687
50.0%	50.0% #156B7D	RGB 21 107 125	#156B7D
66.7%	66.7% #0F5F72	RGB 15 95 114	#0F5F72
83.3%	83.3% #0A5468	RGB 10 84 104	#0A5468
100.0%	100.0% #064A5E	RGB 6 74 94	#064A5E

#2B8F9C #238291 #1B7687 #156B7D #0F5F72 #0A5468 #064A5E

#2B8F9C - #156B7D - #064A5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B8F9C 0%, #156B7D 50%, #064A5E 100%);
    background: -webkit-linear-gradient(top, #2B8F9C 0%, #156B7D 50%, #064A5E 100%);
    background: linear-gradient(to bottom, #2B8F9C 0%, #156B7D 50%, #064A5E 100%);
}
</style>