#CF9F7C - #3B2D23 | 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 #CF9F7C to #3B2D23

#CF9F7C #3B2D23

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

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

0.0%	0.0% #CF9F7C	RGB 207 159 124	#CF9F7C
16.7%	16.7% #B68C6D	RGB 182 140 109	#B68C6D
33.3%	33.3% #9D795E	RGB 157 121 94	#9D795E
50.0%	50.0% #85664F	RGB 133 102 79	#85664F
66.7%	66.7% #6C5340	RGB 108 83 64	#6C5340
83.3%	83.3% #534031	RGB 83 64 49	#534031
100.0%	100.0% #3B2D23	RGB 59 45 35	#3B2D23

#CF9F7C #B68C6D #9D795E #85664F #6C5340 #534031 #3B2D23

#CF9F7C - #3B2D23

HSV Blend

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

0.0%	0.0% #CF9F7C	RGB 207 159 124	#CF9F7C
16.7%	16.7% #B68B6D	RGB 182 139 109	#B68B6D
33.3%	33.3% #9D785E	RGB 157 120 94	#9D785E
50.0%	50.0% #85654F	RGB 133 101 79	#85654F
66.7%	66.7% #6C5240	RGB 108 82 64	#6C5240
83.3%	83.3% #533F31	RGB 83 63 49	#533F31
100.0%	100.0% #3B2D23	RGB 59 45 35	#3B2D23

#CF9F7C #B68B6D #9D785E #85654F #6C5240 #533F31 #3B2D23

#CF9F7C - #85654F - #3B2D23

CSS codes

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

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