#AF9B5E - #FDBE86 | 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 #AF9B5E to #FDBE86

#AF9B5E #FDBE86

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

#AF9B5E - #FDBE86 | 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 #AF9B5E as 0% and #FDBE86 as 100%.

0.0%	0.0% #AF9B5E	RGB 175 155 94	#AF9B5E
16.7%	16.7% #BCA064	RGB 188 160 100	#BCA064
33.3%	33.3% #C9A66B	RGB 201 166 107	#C9A66B
50.0%	50.0% #D6AC72	RGB 214 172 114	#D6AC72
66.7%	66.7% #E3B278	RGB 227 178 120	#E3B278
83.3%	83.3% #F0B87F	RGB 240 184 127	#F0B87F
100.0%	100.0% #FDBE86	RGB 253 190 134	#FDBE86

#AF9B5E #BCA064 #C9A66B #D6AC72 #E3B278 #F0B87F #FDBE86

#AF9B5E - #FDBE86

HSV Blend

#AF9B5E - #FDBE86 | 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 #AF9B5E as 0% and #FDBE86 as 100%.

0.0%	0.0% #AF9B5E	RGB 175 155 94	#AF9B5E
16.7%	16.7% #BCA264	RGB 188 162 100	#BCA264
33.3%	33.3% #C9A96B	RGB 201 169 107	#C9A96B
50.0%	50.0% #D6AF72	RGB 214 175 114	#D6AF72
66.7%	66.7% #E3B478	RGB 227 180 120	#E3B478
83.3%	83.3% #F0B97F	RGB 240 185 127	#F0B97F
100.0%	100.0% #FDBE86	RGB 253 190 134	#FDBE86

#AF9B5E #BCA264 #C9A96B #D6AF72 #E3B478 #F0B97F #FDBE86

#AF9B5E - #D6AF72 - #FDBE86

CSS codes

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

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