#A46F5E - #FAB97D | 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 #A46F5E to #FAB97D

#A46F5E #FAB97D

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

#A46F5E - #FAB97D | 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 #A46F5E as 0% and #FAB97D as 100%.

0.0%	0.0% #A46F5E	RGB 164 111 94	#A46F5E
16.7%	16.7% #B27B63	RGB 178 123 99	#B27B63
33.3%	33.3% #C08768	RGB 192 135 104	#C08768
50.0%	50.0% #CF946D	RGB 207 148 109	#CF946D
66.7%	66.7% #DDA072	RGB 221 160 114	#DDA072
83.3%	83.3% #EBAC77	RGB 235 172 119	#EBAC77
100.0%	100.0% #FAB97D	RGB 250 185 125	#FAB97D

#A46F5E #B27B63 #C08768 #CF946D #DDA072 #EBAC77 #FAB97D

#A46F5E - #FAB97D

HSV Blend

#A46F5E - #FAB97D | 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 #A46F5E as 0% and #FAB97D as 100%.

0.0%	0.0% #A46F5E	RGB 164 111 94	#A46F5E
16.7%	16.7% #B27A64	RGB 178 122 100	#B27A64
33.3%	33.3% #C08569	RGB 192 133 105	#C08569
50.0%	50.0% #CF916F	RGB 207 145 111	#CF916F
66.7%	66.7% #DD9E74	RGB 221 158 116	#DD9E74
83.3%	83.3% #EBAB78	RGB 235 171 120	#EBAB78
100.0%	100.0% #FAB97D	RGB 250 185 125	#FAB97D

#A46F5E #B27A64 #C08569 #CF916F #DD9E74 #EBAB78 #FAB97D

#A46F5E - #CF916F - #FAB97D

CSS codes

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

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