#5A2D0C - #CFC3B9 | 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 #5A2D0C to #CFC3B9

#5A2D0C #CFC3B9

Calculate the color between two colors, #5A2D0C and #CFC3B9. 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)

#5A2D0C - #CFC3B9 | 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 #5A2D0C as 0% and #CFC3B9 as 100%.

0.0%	0.0% #5A2D0C	RGB 90 45 12	#5A2D0C
16.7%	16.7% #6D4628	RGB 109 70 40	#6D4628
33.3%	33.3% #815F45	RGB 129 95 69	#815F45
50.0%	50.0% #947862	RGB 148 120 98	#947862
66.7%	66.7% #A8917F	RGB 168 145 127	#A8917F
83.3%	83.3% #BBAA9C	RGB 187 170 156	#BBAA9C
100.0%	100.0% #CFC3B9	RGB 207 195 185	#CFC3B9

#5A2D0C #6D4628 #815F45 #947862 #A8917F #BBAA9C #CFC3B9

#5A2D0C - #CFC3B9

HSV Blend

#5A2D0C - #CFC3B9 | 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 #5A2D0C as 0% and #CFC3B9 as 100%.

0.0%	0.0% #5A2C0B	RGB 90 44 11	#5A2C0B
16.7%	16.7% #6D3F1C	RGB 109 63 28	#6D3F1C
33.3%	33.3% #815431	RGB 129 84 49	#815431
50.0%	50.0% #946B4C	RGB 148 107 76	#946B4C
66.7%	66.7% #A8866B	RGB 168 134 107	#A8866B
83.3%	83.3% #BBA38F	RGB 187 163 143	#BBA38F
100.0%	100.0% #CFC3B9	RGB 207 195 185	#CFC3B9

#5A2C0B #6D3F1C #815431 #946B4C #A8866B #BBA38F #CFC3B9

#5A2D0C - #946B4C - #CFC3B9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5A2C0B 0%, #946B4C 50%, #CFC3B9 100%);
    background: -webkit-linear-gradient(top, #5A2C0B 0%, #946B4C 50%, #CFC3B9 100%);
    background: linear-gradient(to bottom, #5A2C0B 0%, #946B4C 50%, #CFC3B9 100%);
}
</style>