#00376B - #72C8C0 | 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 #00376B to #72C8C0

#00376B #72C8C0

Calculate the color between two colors, #00376B and #72C8C0. 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)

#00376B - #72C8C0 | 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 #00376B as 0% and #72C8C0 as 100%.

0.0%	0.0% #00376B	RGB 0 55 107	#00376B
16.7%	16.7% #134F79	RGB 19 79 121	#134F79
33.3%	33.3% #266787	RGB 38 103 135	#266787
50.0%	50.0% #397F95	RGB 57 127 149	#397F95
66.7%	66.7% #4C97A3	RGB 76 151 163	#4C97A3
83.3%	83.3% #5FAFB1	RGB 95 175 177	#5FAFB1
100.0%	100.0% #72C8C0	RGB 114 200 192	#72C8C0

#00376B #134F79 #266787 #397F95 #4C97A3 #5FAFB1 #72C8C0

#00376B - #72C8C0

HSV Blend

#00376B - #72C8C0 | 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 #00376B as 0% and #72C8C0 as 100%.

0.0%	0.0% #00376B	RGB 0 55 107	#00376B
16.7%	16.7% #0B4F7A	RGB 11 79 122	#0B4F7A
33.3%	33.3% #1A698A	RGB 26 105 138	#1A698A
50.0%	50.0% #2B8399	RGB 43 131 153	#2B8399
66.7%	66.7% #409EA9	RGB 64 158 169	#409EA9
83.3%	83.3% #57B8B8	RGB 87 184 184	#57B8B8
100.0%	100.0% #72C8C0	RGB 114 200 192	#72C8C0

#00376B #0B4F7A #1A698A #2B8399 #409EA9 #57B8B8 #72C8C0

#00376B - #2B8399 - #72C8C0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00376B 0%, #2B8399 50%, #72C8C0 100%);
    background: -webkit-linear-gradient(top, #00376B 0%, #2B8399 50%, #72C8C0 100%);
    background: linear-gradient(to bottom, #00376B 0%, #2B8399 50%, #72C8C0 100%);
}
</style>