#08353C - #B8C5C7 | 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 #08353C to #B8C5C7

#08353C #B8C5C7

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

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

0.0%	0.0% #08353C	RGB 8 53 60	#08353C
16.7%	16.7% #254D53	RGB 37 77 83	#254D53
33.3%	33.3% #42656A	RGB 66 101 106	#42656A
50.0%	50.0% #607D81	RGB 96 125 129	#607D81
66.7%	66.7% #7D9598	RGB 125 149 152	#7D9598
83.3%	83.3% #9AADAF	RGB 154 173 175	#9AADAF
100.0%	100.0% #B8C5C7	RGB 184 197 199	#B8C5C7

#08353C #254D53 #42656A #607D81 #7D9598 #9AADAF #B8C5C7

#08353C - #B8C5C7

HSV Blend

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

0.0%	0.0% #08353C	RGB 8 53 60	#08353C
16.7%	16.7% #164A53	RGB 22 74 83	#164A53
33.3%	33.3% #2A616A	RGB 42 97 106	#2A616A
50.0%	50.0% #447981	RGB 68 121 129	#447981
66.7%	66.7% #649198	RGB 100 145 152	#649198
83.3%	83.3% #8BAAAF	RGB 139 170 175	#8BAAAF
100.0%	100.0% #B8C5C7	RGB 184 197 199	#B8C5C7

#08353C #164A53 #2A616A #447981 #649198 #8BAAAF #B8C5C7

#08353C - #447981 - #B8C5C7

CSS codes

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

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