#01302B - #B6C3C2 | 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 #01302B to #B6C3C2

#01302B #B6C3C2

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

#01302B - #B6C3C2 | 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 #01302B as 0% and #B6C3C2 as 100%.

0.0%	0.0% #01302B	RGB 1 48 43	#01302B
16.7%	16.7% #1F4844	RGB 31 72 68	#1F4844
33.3%	33.3% #3D615D	RGB 61 97 93	#3D615D
50.0%	50.0% #5B7976	RGB 91 121 118	#5B7976
66.7%	66.7% #79928F	RGB 121 146 143	#79928F
83.3%	83.3% #97AAA8	RGB 151 170 168	#97AAA8
100.0%	100.0% #B6C3C2	RGB 182 195 194	#B6C3C2

#01302B #1F4844 #3D615D #5B7976 #79928F #97AAA8 #B6C3C2

#01302B - #B6C3C2

HSV Blend

#01302B - #B6C3C2 | 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 #01302B as 0% and #B6C3C2 as 100%.

0.0%	0.0% #00302B	RGB 0 48 43	#00302B
16.7%	16.7% #0C4842	RGB 12 72 66	#0C4842
33.3%	33.3% #1F615A	RGB 31 97 90	#1F615A
50.0%	50.0% #397973	RGB 57 121 115	#397973
66.7%	66.7% #5B928D	RGB 91 146 141	#5B928D
83.3%	83.3% #85AAA7	RGB 133 170 167	#85AAA7
100.0%	100.0% #B6C3C2	RGB 182 195 194	#B6C3C2

#00302B #0C4842 #1F615A #397973 #5B928D #85AAA7 #B6C3C2

#01302B - #397973 - #B6C3C2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00302B 0%, #397973 50%, #B6C3C2 100%);
    background: -webkit-linear-gradient(top, #00302B 0%, #397973 50%, #B6C3C2 100%);
    background: linear-gradient(to bottom, #00302B 0%, #397973 50%, #B6C3C2 100%);
}
</style>