#AF8383 - #FDCEA6 | 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 #AF8383 to #FDCEA6

#AF8383 #FDCEA6

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

#AF8383 - #FDCEA6 | 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 #AF8383 as 0% and #FDCEA6 as 100%.

0.0%	0.0% #AF8383	RGB 175 131 131	#AF8383
16.7%	16.7% #BC8F88	RGB 188 143 136	#BC8F88
33.3%	33.3% #C99C8E	RGB 201 156 142	#C99C8E
50.0%	50.0% #D6A894	RGB 214 168 148	#D6A894
66.7%	66.7% #E3B59A	RGB 227 181 154	#E3B59A
83.3%	83.3% #F0C1A0	RGB 240 193 160	#F0C1A0
100.0%	100.0% #FDCEA6	RGB 253 206 166	#FDCEA6

#AF8383 #BC8F88 #C99C8E #D6A894 #E3B59A #F0C1A0 #FDCEA6

#AF8383 - #FDCEA6

HSV Blend

#AF8383 - #FDCEA6 | 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 #AF8383 as 0% and #FDCEA6 as 100%.

0.0%	0.0% #AF8383	RGB 175 131 131	#AF8383
16.7%	16.7% #BC8D89	RGB 188 141 137	#BC8D89
33.3%	33.3% #C99890	RGB 201 152 144	#C99890
50.0%	50.0% #D6A496	RGB 214 164 150	#D6A496
66.7%	66.7% #E3B19B	RGB 227 177 155	#E3B19B
83.3%	83.3% #F0BFA1	RGB 240 191 161	#F0BFA1
100.0%	100.0% #FDCEA6	RGB 253 206 166	#FDCEA6

#AF8383 #BC8D89 #C99890 #D6A496 #E3B19B #F0BFA1 #FDCEA6

#AF8383 - #D6A496 - #FDCEA6

CSS codes

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

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