#AF785E - #FBF08B | 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 #AF785E to #FBF08B

#AF785E #FBF08B

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

#AF785E - #FBF08B | 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 #AF785E as 0% and #FBF08B as 100%.

0.0%	0.0% #AF785E	RGB 175 120 94	#AF785E
16.7%	16.7% #BB8C65	RGB 187 140 101	#BB8C65
33.3%	33.3% #C8A06D	RGB 200 160 109	#C8A06D
50.0%	50.0% #D5B474	RGB 213 180 116	#D5B474
66.7%	66.7% #E1C87C	RGB 225 200 124	#E1C87C
83.3%	83.3% #EEDC83	RGB 238 220 131	#EEDC83
100.0%	100.0% #FBF08B	RGB 251 240 139	#FBF08B

#AF785E #BB8C65 #C8A06D #D5B474 #E1C87C #EEDC83 #FBF08B

#AF785E - #FBF08B

HSV Blend

#AF785E - #FBF08B | 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 #AF785E as 0% and #FBF08B as 100%.

0.0%	0.0% #AF785E	RGB 175 120 94	#AF785E
16.7%	16.7% #BB8965	RGB 187 137 101	#BB8965
33.3%	33.3% #C89B6C	RGB 200 155 108	#C89B6C
50.0%	50.0% #D5AF74	RGB 213 175 116	#D5AF74
66.7%	66.7% #E1C37B	RGB 225 195 123	#E1C37B
83.3%	83.3% #EED983	RGB 238 217 131	#EED983
100.0%	100.0% #FBF08B	RGB 251 240 139	#FBF08B

#AF785E #BB8965 #C89B6C #D5AF74 #E1C37B #EED983 #FBF08B

#AF785E - #D5AF74 - #FBF08B

CSS codes

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

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