#56676A - #BFAC93 | 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 #56676A to #BFAC93

#56676A #BFAC93

Calculate the color between two colors, #56676A and #BFAC93. 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)

#56676A - #BFAC93 | 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 #56676A as 0% and #BFAC93 as 100%.

0.0%	0.0% #56676A	RGB 86 103 106	#56676A
16.7%	16.7% #677270	RGB 103 114 112	#677270
33.3%	33.3% #797E77	RGB 121 126 119	#797E77
50.0%	50.0% #8A897E	RGB 138 137 126	#8A897E
66.7%	66.7% #9C9585	RGB 156 149 133	#9C9585
83.3%	83.3% #ADA08C	RGB 173 160 140	#ADA08C
100.0%	100.0% #BFAC93	RGB 191 172 147	#BFAC93

#56676A #677270 #797E77 #8A897E #9C9585 #ADA08C #BFAC93

#56676A - #BFAC93

HSV Blend

#56676A - #BFAC93 | 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 #56676A as 0% and #BFAC93 as 100%.

0.0%	0.0% #56676A	RGB 86 103 106	#56676A
16.7%	16.7% #607871	RGB 96 120 113	#607871
33.3%	33.3% #6B8672	RGB 107 134 114	#6B8672
50.0%	50.0% #799475	RGB 121 148 117	#799475
66.7%	66.7% #93A27F	RGB 147 162 127	#93A27F
83.3%	83.3% #B0B089	RGB 176 176 137	#B0B089
100.0%	100.0% #BFAC93	RGB 191 172 147	#BFAC93

#56676A #607871 #6B8672 #799475 #93A27F #B0B089 #BFAC93

#56676A - #799475 - #BFAC93

CSS codes

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

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