#CD9F80 - #3A2D24 | 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 #CD9F80 to #3A2D24

#CD9F80 #3A2D24

Calculate the color between two colors, #CD9F80 and #3A2D24. 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)

#CD9F80 - #3A2D24 | 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 #CD9F80 as 0% and #3A2D24 as 100%.

0.0%	0.0% #CD9F80	RGB 205 159 128	#CD9F80
16.7%	16.7% #B48C70	RGB 180 140 112	#B48C70
33.3%	33.3% #9C7961	RGB 156 121 97	#9C7961
50.0%	50.0% #836652	RGB 131 102 82	#836652
66.7%	66.7% #6B5342	RGB 107 83 66	#6B5342
83.3%	83.3% #524033	RGB 82 64 51	#524033
100.0%	100.0% #3A2D24	RGB 58 45 36	#3A2D24

#CD9F80 #B48C70 #9C7961 #836652 #6B5342 #524033 #3A2D24

#CD9F80 - #3A2D24

HSV Blend

#CD9F80 - #3A2D24 | 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 #CD9F80 as 0% and #3A2D24 as 100%.

0.0%	0.0% #CD9F80	RGB 205 159 128	#CD9F80
16.7%	16.7% #B48C70	RGB 180 140 112	#B48C70
33.3%	33.3% #9C7961	RGB 156 121 97	#9C7961
50.0%	50.0% #836651	RGB 131 102 81	#836651
66.7%	66.7% #6B5342	RGB 107 83 66	#6B5342
83.3%	83.3% #524033	RGB 82 64 51	#524033
100.0%	100.0% #3A2D24	RGB 58 45 36	#3A2D24

#CD9F80 #B48C70 #9C7961 #836651 #6B5342 #524033 #3A2D24

#CD9F80 - #836651 - #3A2D24

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CD9F80 0%, #836651 50%, #3A2D24 100%);
    background: -webkit-linear-gradient(top, #CD9F80 0%, #836651 50%, #3A2D24 100%);
    background: linear-gradient(to bottom, #CD9F80 0%, #836651 50%, #3A2D24 100%);
}
</style>