#B6CCA8 - #333A30 | 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 #B6CCA8 to #333A30

#B6CCA8 #333A30

Calculate the color between two colors, #B6CCA8 and #333A30. 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)

#B6CCA8 - #333A30 | 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 #B6CCA8 as 0% and #333A30 as 100%.

0.0%	0.0% #B6CCA8	RGB 182 204 168	#B6CCA8
16.7%	16.7% #A0B394	RGB 160 179 148	#A0B394
33.3%	33.3% #8A9B80	RGB 138 155 128	#8A9B80
50.0%	50.0% #74836C	RGB 116 131 108	#74836C
66.7%	66.7% #5E6A58	RGB 94 106 88	#5E6A58
83.3%	83.3% #485244	RGB 72 82 68	#485244
100.0%	100.0% #333A30	RGB 51 58 48	#333A30

#B6CCA8 #A0B394 #8A9B80 #74836C #5E6A58 #485244 #333A30

#B6CCA8 - #333A30

HSV Blend

#B6CCA8 - #333A30 | 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 #B6CCA8 as 0% and #333A30 as 100%.

0.0%	0.0% #B6CCA8	RGB 182 204 168	#B6CCA8
16.7%	16.7% #9FB394	RGB 159 179 148	#9FB394
33.3%	33.3% #899B80	RGB 137 155 128	#899B80
50.0%	50.0% #74836C	RGB 116 131 108	#74836C
66.7%	66.7% #5E6A58	RGB 94 106 88	#5E6A58
83.3%	83.3% #485244	RGB 72 82 68	#485244
100.0%	100.0% #333A30	RGB 51 58 48	#333A30

#B6CCA8 #9FB394 #899B80 #74836C #5E6A58 #485244 #333A30

#B6CCA8 - #74836C - #333A30

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B6CCA8 0%, #74836C 50%, #333A30 100%);
    background: -webkit-linear-gradient(top, #B6CCA8 0%, #74836C 50%, #333A30 100%);
    background: linear-gradient(to bottom, #B6CCA8 0%, #74836C 50%, #333A30 100%);
}
</style>