#08303C - #B8C3C7 | 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 #08303C to #B8C3C7

#08303C #B8C3C7

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

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

0.0%	0.0% #08303C	RGB 8 48 60	#08303C
16.7%	16.7% #254853	RGB 37 72 83	#254853
33.3%	33.3% #42616A	RGB 66 97 106	#42616A
50.0%	50.0% #607981	RGB 96 121 129	#607981
66.7%	66.7% #7D9298	RGB 125 146 152	#7D9298
83.3%	83.3% #9AAAAF	RGB 154 170 175	#9AAAAF
100.0%	100.0% #B8C3C7	RGB 184 195 199	#B8C3C7

#08303C #254853 #42616A #607981 #7D9298 #9AAAAF #B8C3C7

#08303C - #B8C3C7

HSV Blend

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

0.0%	0.0% #08303C	RGB 8 48 60	#08303C
16.7%	16.7% #164453	RGB 22 68 83	#164453
33.3%	33.3% #2A5A6A	RGB 42 90 106	#2A5A6A
50.0%	50.0% #447281	RGB 68 114 129	#447281
66.7%	66.7% #648B98	RGB 100 139 152	#648B98
83.3%	83.3% #8BA6AF	RGB 139 166 175	#8BA6AF
100.0%	100.0% #B8C3C7	RGB 184 195 199	#B8C3C7

#08303C #164453 #2A5A6A #447281 #648B98 #8BA6AF #B8C3C7

#08303C - #447281 - #B8C3C7

CSS codes

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

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