#00252A - #B6C0C2 | 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 #00252A to #B6C0C2

#00252A #B6C0C2

Calculate the color between two colors, #00252A and #B6C0C2. 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)

#00252A - #B6C0C2 | 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 #00252A as 0% and #B6C0C2 as 100%.

0.0%	0.0% #00252A	RGB 0 37 42	#00252A
16.7%	16.7% #1E3E43	RGB 30 62 67	#1E3E43
33.3%	33.3% #3C585C	RGB 60 88 92	#3C585C
50.0%	50.0% #5B7276	RGB 91 114 118	#5B7276
66.7%	66.7% #798C8F	RGB 121 140 143	#798C8F
83.3%	83.3% #97A6A8	RGB 151 166 168	#97A6A8
100.0%	100.0% #B6C0C2	RGB 182 192 194	#B6C0C2

#00252A #1E3E43 #3C585C #5B7276 #798C8F #97A6A8 #B6C0C2

#00252A - #B6C0C2

HSV Blend

#00252A - #B6C0C2 | 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 #00252A as 0% and #B6C0C2 as 100%.

0.0%	0.0% #00252A	RGB 0 37 42	#00252A
16.7%	16.7% #0A3C43	RGB 10 60 67	#0A3C43
33.3%	33.3% #1C545C	RGB 28 84 92	#1C545C
50.0%	50.0% #376D76	RGB 55 109 118	#376D76
66.7%	66.7% #59878F	RGB 89 135 143	#59878F
83.3%	83.3% #83A2A8	RGB 131 162 168	#83A2A8
100.0%	100.0% #B6C0C2	RGB 182 192 194	#B6C0C2

#00252A #0A3C43 #1C545C #376D76 #59878F #83A2A8 #B6C0C2

#00252A - #376D76 - #B6C0C2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00252A 0%, #376D76 50%, #B6C0C2 100%);
    background: -webkit-linear-gradient(top, #00252A 0%, #376D76 50%, #B6C0C2 100%);
    background: linear-gradient(to bottom, #00252A 0%, #376D76 50%, #B6C0C2 100%);
}
</style>