#CFAB8C - #AF6739 | 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 #CFAB8C to #AF6739

#CFAB8C #AF6739

Calculate the color between two colors, #CFAB8C and #AF6739. 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)

#CFAB8C - #AF6739 | 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 #CFAB8C as 0% and #AF6739 as 100%.

0.0%	0.0% #CFAB8C	RGB 207 171 140	#CFAB8C
16.7%	16.7% #C99F7E	RGB 201 159 126	#C99F7E
33.3%	33.3% #C49470	RGB 196 148 112	#C49470
50.0%	50.0% #BF8962	RGB 191 137 98	#BF8962
66.7%	66.7% #B97D54	RGB 185 125 84	#B97D54
83.3%	83.3% #B47246	RGB 180 114 70	#B47246
100.0%	100.0% #AF6739	RGB 175 103 57	#AF6739

#CFAB8C #C99F7E #C49470 #BF8962 #B97D54 #B47246 #AF6739

#CFAB8C - #AF6739

HSV Blend

#CFAB8C - #AF6739 | 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 #CFAB8C as 0% and #AF6739 as 100%.

0.0%	0.0% #CFAB8C	RGB 207 171 140	#CFAB8C
16.7%	16.7% #C99F7C	RGB 201 159 124	#C99F7C
33.3%	33.3% #C4936D	RGB 196 147 109	#C4936D
50.0%	50.0% #BF885F	RGB 191 136 95	#BF885F
66.7%	66.7% #B97D52	RGB 185 125 82	#B97D52
83.3%	83.3% #B47145	RGB 180 113 69	#B47145
100.0%	100.0% #AF6739	RGB 175 103 57	#AF6739

#CFAB8C #C99F7C #C4936D #BF885F #B97D52 #B47145 #AF6739

#CFAB8C - #BF885F - #AF6739

CSS codes

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

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