#CF9F7C - #AD5A2D | 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 #AD5A2D

#CF9F7C #AD5A2D

Calculate the color between two colors, #CF9F7C and #AD5A2D. 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 - #AD5A2D | 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 #AD5A2D as 100%.

0.0%	0.0% #CF9F7C	RGB 207 159 124	#CF9F7C
16.7%	16.7% #C9936E	RGB 201 147 110	#C9936E
33.3%	33.3% #C38861	RGB 195 136 97	#C38861
50.0%	50.0% #BE7C54	RGB 190 124 84	#BE7C54
66.7%	66.7% #B87147	RGB 184 113 71	#B87147
83.3%	83.3% #B2653A	RGB 178 101 58	#B2653A
100.0%	100.0% #AD5A2D	RGB 173 90 45	#AD5A2D

#CF9F7C #C9936E #C38861 #BE7C54 #B87147 #B2653A #AD5A2D

#CF9F7C - #AD5A2D

HSV Blend

#CF9F7C - #AD5A2D | 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 #AD5A2D as 100%.

0.0%	0.0% #CF9F7C	RGB 207 159 124	#CF9F7C
16.7%	16.7% #C9926D	RGB 201 146 109	#C9926D
33.3%	33.3% #C3875F	RGB 195 135 95	#C3875F
50.0%	50.0% #BE7B51	RGB 190 123 81	#BE7B51
66.7%	66.7% #B87044	RGB 184 112 68	#B87044
83.3%	83.3% #B26438	RGB 178 100 56	#B26438
100.0%	100.0% #AD5A2D	RGB 173 90 45	#AD5A2D

#CF9F7C #C9926D #C3875F #BE7B51 #B87044 #B26438 #AD5A2D

#CF9F7C - #BE7B51 - #AD5A2D

CSS codes

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

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