#07231B - #B8C0BD | 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 #07231B to #B8C0BD

#07231B #B8C0BD

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

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

0.0%	0.0% #07231B	RGB 7 35 27	#07231B
16.7%	16.7% #243D36	RGB 36 61 54	#243D36
33.3%	33.3% #425751	RGB 66 87 81	#425751
50.0%	50.0% #5F716C	RGB 95 113 108	#5F716C
66.7%	66.7% #7D8B87	RGB 125 139 135	#7D8B87
83.3%	83.3% #9AA5A2	RGB 154 165 162	#9AA5A2
100.0%	100.0% #B8C0BD	RGB 184 192 189	#B8C0BD

#07231B #243D36 #425751 #5F716C #7D8B87 #9AA5A2 #B8C0BD

#07231B - #B8C0BD

HSV Blend

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

0.0%	0.0% #07231B	RGB 7 35 27	#07231B
16.7%	16.7% #133D30	RGB 19 61 48	#133D30
33.3%	33.3% #275748	RGB 39 87 72	#275748
50.0%	50.0% #417161	RGB 65 113 97	#417161
66.7%	66.7% #628B7D	RGB 98 139 125	#628B7D
83.3%	83.3% #89A59B	RGB 137 165 155	#89A59B
100.0%	100.0% #B8C0BD	RGB 184 192 189	#B8C0BD

#07231B #133D30 #275748 #417161 #628B7D #89A59B #B8C0BD

#07231B - #417161 - #B8C0BD

CSS codes

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

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