#AF7E6D - #FEC68C | 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 #AF7E6D to #FEC68C

#AF7E6D #FEC68C

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

#AF7E6D - #FEC68C | 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 #AF7E6D as 0% and #FEC68C as 100%.

0.0%	0.0% #AF7E6D	RGB 175 126 109	#AF7E6D
16.7%	16.7% #BC8A72	RGB 188 138 114	#BC8A72
33.3%	33.3% #C99677	RGB 201 150 119	#C99677
50.0%	50.0% #D6A27C	RGB 214 162 124	#D6A27C
66.7%	66.7% #E3AE81	RGB 227 174 129	#E3AE81
83.3%	83.3% #F0BA86	RGB 240 186 134	#F0BA86
100.0%	100.0% #FEC68C	RGB 254 198 140	#FEC68C

#AF7E6D #BC8A72 #C99677 #D6A27C #E3AE81 #F0BA86 #FEC68C

#AF7E6D - #FEC68C

HSV Blend

#AF7E6D - #FEC68C | 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 #AF7E6D as 0% and #FEC68C as 100%.

0.0%	0.0% #AF7E6D	RGB 175 126 109	#AF7E6D
16.7%	16.7% #BC8872	RGB 188 136 114	#BC8872
33.3%	33.3% #C99478	RGB 201 148 120	#C99478
50.0%	50.0% #D69F7D	RGB 214 159 125	#D69F7D
66.7%	66.7% #E3AC82	RGB 227 172 130	#E3AC82
83.3%	83.3% #F0B887	RGB 240 184 135	#F0B887
100.0%	100.0% #FEC68C	RGB 254 198 140	#FEC68C

#AF7E6D #BC8872 #C99478 #D69F7D #E3AC82 #F0B887 #FEC68C

#AF7E6D - #D69F7D - #FEC68C

CSS codes

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

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