#B8CBA6 - #343A2F | 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 #B8CBA6 to #343A2F

#B8CBA6 #343A2F

Calculate the color between two colors, #B8CBA6 and #343A2F. 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)

#B8CBA6 - #343A2F | 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 #B8CBA6 as 0% and #343A2F as 100%.

0.0%	0.0% #B8CBA6	RGB 184 203 166	#B8CBA6
16.7%	16.7% #A2B292	RGB 162 178 146	#A2B292
33.3%	33.3% #8C9A7E	RGB 140 154 126	#8C9A7E
50.0%	50.0% #76826A	RGB 118 130 106	#76826A
66.7%	66.7% #606A56	RGB 96 106 86	#606A56
83.3%	83.3% #4A5242	RGB 74 82 66	#4A5242
100.0%	100.0% #343A2F	RGB 52 58 47	#343A2F

#B8CBA6 #A2B292 #8C9A7E #76826A #606A56 #4A5242 #343A2F

#B8CBA6 - #343A2F

HSV Blend

#B8CBA6 - #343A2F | 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 #B8CBA6 as 0% and #343A2F as 100%.

0.0%	0.0% #B8CBA6	RGB 184 203 166	#B8CBA6
16.7%	16.7% #A1B292	RGB 161 178 146	#A1B292
33.3%	33.3% #8B9A7E	RGB 139 154 126	#8B9A7E
50.0%	50.0% #75826A	RGB 117 130 106	#75826A
66.7%	66.7% #5F6A56	RGB 95 106 86	#5F6A56
83.3%	83.3% #495242	RGB 73 82 66	#495242
100.0%	100.0% #343A2F	RGB 52 58 47	#343A2F

#B8CBA6 #A1B292 #8B9A7E #75826A #5F6A56 #495242 #343A2F

#B8CBA6 - #75826A - #343A2F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B8CBA6 0%, #75826A 50%, #343A2F 100%);
    background: -webkit-linear-gradient(top, #B8CBA6 0%, #75826A 50%, #343A2F 100%);
    background: linear-gradient(to bottom, #B8CBA6 0%, #75826A 50%, #343A2F 100%);
}
</style>