#072223 - #B8C0BF | 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 #072223 to #B8C0BF

#072223 #B8C0BF

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

#072223 - #B8C0BF | 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 #072223 as 0% and #B8C0BF as 100%.

0.0%	0.0% #072223	RGB 7 34 35	#072223
16.7%	16.7% #243C3D	RGB 36 60 61	#243C3D
33.3%	33.3% #425657	RGB 66 86 87	#425657
50.0%	50.0% #5F7171	RGB 95 113 113	#5F7171
66.7%	66.7% #7D8B8B	RGB 125 139 139	#7D8B8B
83.3%	83.3% #9AA5A5	RGB 154 165 165	#9AA5A5
100.0%	100.0% #B8C0BF	RGB 184 192 191	#B8C0BF

#072223 #243C3D #425657 #5F7171 #7D8B8B #9AA5A5 #B8C0BF

#072223 - #B8C0BF

HSV Blend

#072223 - #B8C0BF | 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 #072223 as 0% and #B8C0BF as 100%.

0.0%	0.0% #072223	RGB 7 34 35	#072223
16.7%	16.7% #133C3D	RGB 19 60 61	#133C3D
33.3%	33.3% #275756	RGB 39 87 86	#275756
50.0%	50.0% #41716F	RGB 65 113 111	#41716F
66.7%	66.7% #628B88	RGB 98 139 136	#628B88
83.3%	83.3% #89A5A3	RGB 137 165 163	#89A5A3
100.0%	100.0% #B8C0BF	RGB 184 192 191	#B8C0BF

#072223 #133C3D #275756 #41716F #628B88 #89A5A3 #B8C0BF

#072223 - #41716F - #B8C0BF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #072223 0%, #41716F 50%, #B8C0BF 100%);
    background: -webkit-linear-gradient(top, #072223 0%, #41716F 50%, #B8C0BF 100%);
    background: linear-gradient(to bottom, #072223 0%, #41716F 50%, #B8C0BF 100%);
}
</style>