#57482B - #CFCAC2 | 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 #57482B to #CFCAC2

#57482B #CFCAC2

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

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

0.0%	0.0% #57482B	RGB 87 72 43	#57482B
16.7%	16.7% #6B5D44	RGB 107 93 68	#6B5D44
33.3%	33.3% #7F735D	RGB 127 115 93	#7F735D
50.0%	50.0% #938976	RGB 147 137 118	#938976
66.7%	66.7% #A79E8F	RGB 167 158 143	#A79E8F
83.3%	83.3% #BBB4A8	RGB 187 180 168	#BBB4A8
100.0%	100.0% #CFCAC2	RGB 207 202 194	#CFCAC2

#57482B #6B5D44 #7F735D #938976 #A79E8F #BBB4A8 #CFCAC2

#57482B - #CFCAC2

HSV Blend

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

0.0%	0.0% #57482B	RGB 87 72 43	#57482B
16.7%	16.7% #6B5A3C	RGB 107 90 60	#6B5A3C
33.3%	33.3% #7F6E51	RGB 127 110 81	#7F6E51
50.0%	50.0% #938369	RGB 147 131 105	#938369
66.7%	66.7% #A79983	RGB 167 153 131	#A79983
83.3%	83.3% #BBB1A1	RGB 187 177 161	#BBB1A1
100.0%	100.0% #CFCAC2	RGB 207 202 194	#CFCAC2

#57482B #6B5A3C #7F6E51 #938369 #A79983 #BBB1A1 #CFCAC2

#57482B - #938369 - #CFCAC2

CSS codes

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

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