#08332B - #B8C4C2 | 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 #08332B to #B8C4C2

#08332B #B8C4C2

Calculate the color between two colors, #08332B and #B8C4C2. 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)

#08332B - #B8C4C2 | 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 #08332B as 0% and #B8C4C2 as 100%.

0.0%	0.0% #08332B	RGB 8 51 43	#08332B
16.7%	16.7% #254B44	RGB 37 75 68	#254B44
33.3%	33.3% #42635D	RGB 66 99 93	#42635D
50.0%	50.0% #607B76	RGB 96 123 118	#607B76
66.7%	66.7% #7D938F	RGB 125 147 143	#7D938F
83.3%	83.3% #9AABA8	RGB 154 171 168	#9AABA8
100.0%	100.0% #B8C4C2	RGB 184 196 194	#B8C4C2

#08332B #254B44 #42635D #607B76 #7D938F #9AABA8 #B8C4C2

#08332B - #B8C4C2

HSV Blend

#08332B - #B8C4C2 | 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 #08332B as 0% and #B8C4C2 as 100%.

0.0%	0.0% #08332B	RGB 8 51 43	#08332B
16.7%	16.7% #154B41	RGB 21 75 65	#154B41
33.3%	33.3% #296358	RGB 41 99 88	#296358
50.0%	50.0% #437B71	RGB 67 123 113	#437B71
66.7%	66.7% #64938B	RGB 100 147 139	#64938B
83.3%	83.3% #8AABA6	RGB 138 171 166	#8AABA6
100.0%	100.0% #B8C4C2	RGB 184 196 194	#B8C4C2

#08332B #154B41 #296358 #437B71 #64938B #8AABA6 #B8C4C2

#08332B - #437B71 - #B8C4C2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #08332B 0%, #437B71 50%, #B8C4C2 100%);
    background: -webkit-linear-gradient(top, #08332B 0%, #437B71 50%, #B8C4C2 100%);
    background: linear-gradient(to bottom, #08332B 0%, #437B71 50%, #B8C4C2 100%);
}
</style>