#C7A470 - #FFDC8F | 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 #C7A470 to #FFDC8F

#C7A470 #FFDC8F

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

#C7A470 - #FFDC8F | 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 #C7A470 as 0% and #FFDC8F as 100%.

0.0%	0.0% #C7A470	RGB 199 164 112	#C7A470
16.7%	16.7% #D0AD75	RGB 208 173 117	#D0AD75
33.3%	33.3% #D9B67A	RGB 217 182 122	#D9B67A
50.0%	50.0% #E3C07F	RGB 227 192 127	#E3C07F
66.7%	66.7% #ECC984	RGB 236 201 132	#ECC984
83.3%	83.3% #F5D289	RGB 245 210 137	#F5D289
100.0%	100.0% #FFDC8F	RGB 255 220 143	#FFDC8F

#C7A470 #D0AD75 #D9B67A #E3C07F #ECC984 #F5D289 #FFDC8F

#C7A470 - #FFDC8F

HSV Blend

#C7A470 - #FFDC8F | 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 #C7A470 as 0% and #FFDC8F as 100%.

0.0%	0.0% #C7A470	RGB 199 164 112	#C7A470
16.7%	16.7% #D0AD75	RGB 208 173 117	#D0AD75
33.3%	33.3% #D9B67A	RGB 217 182 122	#D9B67A
50.0%	50.0% #E3BF7F	RGB 227 191 127	#E3BF7F
66.7%	66.7% #ECC884	RGB 236 200 132	#ECC884
83.3%	83.3% #F5D289	RGB 245 210 137	#F5D289
100.0%	100.0% #FFDC8F	RGB 255 220 143	#FFDC8F

#C7A470 #D0AD75 #D9B67A #E3BF7F #ECC884 #F5D289 #FFDC8F

#C7A470 - #E3BF7F - #FFDC8F

CSS codes

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

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