#083B3C - #B8C6C7 | 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 #083B3C to #B8C6C7

#083B3C #B8C6C7

Calculate the color between two colors, #083B3C and #B8C6C7. 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)

#083B3C - #B8C6C7 | 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 #083B3C as 0% and #B8C6C7 as 100%.

0.0%	0.0% #083B3C	RGB 8 59 60	#083B3C
16.7%	16.7% #255253	RGB 37 82 83	#255253
33.3%	33.3% #42696A	RGB 66 105 106	#42696A
50.0%	50.0% #608081	RGB 96 128 129	#608081
66.7%	66.7% #7D9798	RGB 125 151 152	#7D9798
83.3%	83.3% #9AAEAF	RGB 154 174 175	#9AAEAF
100.0%	100.0% #B8C6C7	RGB 184 198 199	#B8C6C7

#083B3C #255253 #42696A #608081 #7D9798 #9AAEAF #B8C6C7

#083B3C - #B8C6C7

HSV Blend

#083B3C - #B8C6C7 | 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 #083B3C as 0% and #B8C6C7 as 100%.

0.0%	0.0% #083B3C	RGB 8 59 60	#083B3C
16.7%	16.7% #165153	RGB 22 81 83	#165153
33.3%	33.3% #2A686A	RGB 42 104 106	#2A686A
50.0%	50.0% #447E81	RGB 68 126 129	#447E81
66.7%	66.7% #649698	RGB 100 150 152	#649698
83.3%	83.3% #8BADAF	RGB 139 173 175	#8BADAF
100.0%	100.0% #B8C6C7	RGB 184 198 199	#B8C6C7

#083B3C #165153 #2A686A #447E81 #649698 #8BADAF #B8C6C7

#083B3C - #447E81 - #B8C6C7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #083B3C 0%, #447E81 50%, #B8C6C7 100%);
    background: -webkit-linear-gradient(top, #083B3C 0%, #447E81 50%, #B8C6C7 100%);
    background: linear-gradient(to bottom, #083B3C 0%, #447E81 50%, #B8C6C7 100%);
}
</style>