#C5A69B - #FFF2AF | 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 #C5A69B to #FFF2AF

#C5A69B #FFF2AF

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

#C5A69B - #FFF2AF | 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 #C5A69B as 0% and #FFF2AF as 100%.

0.0%	0.0% #C5A69B	RGB 197 166 155	#C5A69B
16.7%	16.7% #CEB29E	RGB 206 178 158	#CEB29E
33.3%	33.3% #D8BFA1	RGB 216 191 161	#D8BFA1
50.0%	50.0% #E2CCA5	RGB 226 204 165	#E2CCA5
66.7%	66.7% #EBD8A8	RGB 235 216 168	#EBD8A8
83.3%	83.3% #F5E5AB	RGB 245 229 171	#F5E5AB
100.0%	100.0% #FFF2AF	RGB 255 242 175	#FFF2AF

#C5A69B #CEB29E #D8BFA1 #E2CCA5 #EBD8A8 #F5E5AB #FFF2AF

#C5A69B - #FFF2AF

HSV Blend

#C5A69B - #FFF2AF | 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 #C5A69B as 0% and #FFF2AF as 100%.

0.0%	0.0% #C5A69B	RGB 197 166 155	#C5A69B
16.7%	16.7% #CEB09F	RGB 206 176 159	#CEB09F
33.3%	33.3% #D8BBA2	RGB 216 187 162	#D8BBA2
50.0%	50.0% #E2C7A6	RGB 226 199 166	#E2C7A6
66.7%	66.7% #EBD4A9	RGB 235 212 169	#EBD4A9
83.3%	83.3% #F5E2AC	RGB 245 226 172	#F5E2AC
100.0%	100.0% #FFF2AF	RGB 255 242 175	#FFF2AF

#C5A69B #CEB09F #D8BBA2 #E2C7A6 #EBD4A9 #F5E2AC #FFF2AF

#C5A69B - #E2C7A6 - #FFF2AF

CSS codes

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

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