#08222B - #B8C0C2 | 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 #08222B to #B8C0C2

#08222B #B8C0C2

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

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

0.0%	0.0% #08222B	RGB 8 34 43	#08222B
16.7%	16.7% #253C44	RGB 37 60 68	#253C44
33.3%	33.3% #42565D	RGB 66 86 93	#42565D
50.0%	50.0% #607176	RGB 96 113 118	#607176
66.7%	66.7% #7D8B8F	RGB 125 139 143	#7D8B8F
83.3%	83.3% #9AA5A8	RGB 154 165 168	#9AA5A8
100.0%	100.0% #B8C0C2	RGB 184 192 194	#B8C0C2

#08222B #253C44 #42565D #607176 #7D8B8F #9AA5A8 #B8C0C2

#08222B - #B8C0C2

HSV Blend

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

0.0%	0.0% #08222B	RGB 8 34 43	#08222B
16.7%	16.7% #153844	RGB 21 56 68	#153844
33.3%	33.3% #29505D	RGB 41 80 93	#29505D
50.0%	50.0% #436A76	RGB 67 106 118	#436A76
66.7%	66.7% #63868F	RGB 99 134 143	#63868F
83.3%	83.3% #8AA2A8	RGB 138 162 168	#8AA2A8
100.0%	100.0% #B8C0C2	RGB 184 192 194	#B8C0C2

#08222B #153844 #29505D #436A76 #63868F #8AA2A8 #B8C0C2

#08222B - #436A76 - #B8C0C2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #08222B 0%, #436A76 50%, #B8C0C2 100%);
    background: -webkit-linear-gradient(top, #08222B 0%, #436A76 50%, #B8C0C2 100%);
    background: linear-gradient(to bottom, #08222B 0%, #436A76 50%, #B8C0C2 100%);
}
</style>