#00283C - #B6C0C7 | 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 #00283C to #B6C0C7

#00283C #B6C0C7

Calculate the color between two colors, #00283C and #B6C0C7. 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)

#00283C - #B6C0C7 | 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 #00283C as 0% and #B6C0C7 as 100%.

0.0%	0.0% #00283C	RGB 0 40 60	#00283C
16.7%	16.7% #1E4153	RGB 30 65 83	#1E4153
33.3%	33.3% #3C5A6A	RGB 60 90 106	#3C5A6A
50.0%	50.0% #5B7481	RGB 91 116 129	#5B7481
66.7%	66.7% #798D98	RGB 121 141 152	#798D98
83.3%	83.3% #97A6AF	RGB 151 166 175	#97A6AF
100.0%	100.0% #B6C0C7	RGB 182 192 199	#B6C0C7

#00283C #1E4153 #3C5A6A #5B7481 #798D98 #97A6AF #B6C0C7

#00283C - #B6C0C7

HSV Blend

#00283C - #B6C0C7 | 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 #00283C as 0% and #B6C0C7 as 100%.

0.0%	0.0% #00273C	RGB 0 39 60	#00273C
16.7%	16.7% #0C3A53	RGB 12 58 83	#0C3A53
33.3%	33.3% #204F6A	RGB 32 79 106	#204F6A
50.0%	50.0% #3B6781	RGB 59 103 129	#3B6781
66.7%	66.7% #5D8198	RGB 93 129 152	#5D8198
83.3%	83.3% #869FAF	RGB 134 159 175	#869FAF
100.0%	100.0% #B6C0C7	RGB 182 192 199	#B6C0C7

#00273C #0C3A53 #204F6A #3B6781 #5D8198 #869FAF #B6C0C7

#00283C - #3B6781 - #B6C0C7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00273C 0%, #3B6781 50%, #B6C0C7 100%);
    background: -webkit-linear-gradient(top, #00273C 0%, #3B6781 50%, #B6C0C7 100%);
    background: linear-gradient(to bottom, #00273C 0%, #3B6781 50%, #B6C0C7 100%);
}
</style>