#083325 - #B8C4C0 | 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 #083325 to #B8C4C0

#083325 #B8C4C0

Calculate the color between two colors, #083325 and #B8C4C0. 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)

#083325 - #B8C4C0 | 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 #083325 as 0% and #B8C4C0 as 100%.

0.0%	0.0% #083325	RGB 8 51 37	#083325
16.7%	16.7% #254B3E	RGB 37 75 62	#254B3E
33.3%	33.3% #426358	RGB 66 99 88	#426358
50.0%	50.0% #607B72	RGB 96 123 114	#607B72
66.7%	66.7% #7D938C	RGB 125 147 140	#7D938C
83.3%	83.3% #9AABA6	RGB 154 171 166	#9AABA6
100.0%	100.0% #B8C4C0	RGB 184 196 192	#B8C4C0

#083325 #254B3E #426358 #607B72 #7D938C #9AABA6 #B8C4C0

#083325 - #B8C4C0

HSV Blend

#083325 - #B8C4C0 | 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 #083325 as 0% and #B8C4C0 as 100%.

0.0%	0.0% #083325	RGB 8 51 37	#083325
16.7%	16.7% #154B39	RGB 21 75 57	#154B39
33.3%	33.3% #296350	RGB 41 99 80	#296350
50.0%	50.0% #437B69	RGB 67 123 105	#437B69
66.7%	66.7% #649383	RGB 100 147 131	#649383
83.3%	83.3% #8AABA0	RGB 138 171 160	#8AABA0
100.0%	100.0% #B8C4C0	RGB 184 196 192	#B8C4C0

#083325 #154B39 #296350 #437B69 #649383 #8AABA0 #B8C4C0

#083325 - #437B69 - #B8C4C0

CSS codes

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

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