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

#08232B #B8C0C2

Calculate the color between two colors, #08232B 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)

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

0.0%	0.0% #08232B	RGB 8 35 43	#08232B
16.7%	16.7% #253D44	RGB 37 61 68	#253D44
33.3%	33.3% #42575D	RGB 66 87 93	#42575D
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

#08232B #253D44 #42575D #607176 #7D8B8F #9AA5A8 #B8C0C2

#08232B - #B8C0C2

HSV Blend

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

0.0%	0.0% #08232B	RGB 8 35 43	#08232B
16.7%	16.7% #153944	RGB 21 57 68	#153944
33.3%	33.3% #29515D	RGB 41 81 93	#29515D
50.0%	50.0% #436B76	RGB 67 107 118	#436B76
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

#08232B #153944 #29515D #436B76 #63868F #8AA2A8 #B8C0C2

#08232B - #436B76 - #B8C0C2

CSS codes

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

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