#856C6C - #F1B992 | 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 #856C6C to #F1B992

#856C6C #F1B992

Calculate the color between two colors, #856C6C and #F1B992. 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)

#856C6C - #F1B992 | 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 #856C6C as 0% and #F1B992 as 100%.

0.0%	0.0% #856C6C	RGB 133 108 108	#856C6C
16.7%	16.7% #977872	RGB 151 120 114	#977872
33.3%	33.3% #A98578	RGB 169 133 120	#A98578
50.0%	50.0% #BB927F	RGB 187 146 127	#BB927F
66.7%	66.7% #CD9F85	RGB 205 159 133	#CD9F85
83.3%	83.3% #DFAC8B	RGB 223 172 139	#DFAC8B
100.0%	100.0% #F1B992	RGB 241 185 146	#F1B992

#856C6C #977872 #A98578 #BB927F #CD9F85 #DFAC8B #F1B992

#856C6C - #F1B992

HSV Blend

#856C6C - #F1B992 | 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 #856C6C as 0% and #F1B992 as 100%.

0.0%	0.0% #856C6C	RGB 133 108 108	#856C6C
16.7%	16.7% #977775	RGB 151 119 117	#977775
33.3%	33.3% #A9837D	RGB 169 131 125	#A9837D
50.0%	50.0% #BB8F84	RGB 187 143 132	#BB8F84
66.7%	66.7% #CD9C8A	RGB 205 156 138	#CD9C8A
83.3%	83.3% #DFAA8E	RGB 223 170 142	#DFAA8E
100.0%	100.0% #F1B992	RGB 241 185 146	#F1B992

#856C6C #977775 #A9837D #BB8F84 #CD9C8A #DFAA8E #F1B992

#856C6C - #BB8F84 - #F1B992

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #856C6C 0%, #BB8F84 50%, #F1B992 100%);
    background: -webkit-linear-gradient(top, #856C6C 0%, #BB8F84 50%, #F1B992 100%);
    background: linear-gradient(to bottom, #856C6C 0%, #BB8F84 50%, #F1B992 100%);
}
</style>