#CCA97D - #FAFDA0 | 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 #CCA97D to #FAFDA0

#CCA97D #FAFDA0

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

#CCA97D - #FAFDA0 | 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 #CCA97D as 0% and #FAFDA0 as 100%.

0.0%	0.0% #CCA97D	RGB 204 169 125	#CCA97D
16.7%	16.7% #D3B782	RGB 211 183 130	#D3B782
33.3%	33.3% #DBC588	RGB 219 197 136	#DBC588
50.0%	50.0% #E3D38E	RGB 227 211 142	#E3D38E
66.7%	66.7% #EAE194	RGB 234 225 148	#EAE194
83.3%	83.3% #F2EF9A	RGB 242 239 154	#F2EF9A
100.0%	100.0% #FAFDA0	RGB 250 253 160	#FAFDA0

#CCA97D #D3B782 #DBC588 #E3D38E #EAE194 #F2EF9A #FAFDA0

#CCA97D - #FAFDA0

HSV Blend

#CCA97D - #FAFDA0 | 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 #CCA97D as 0% and #FAFDA0 as 100%.

0.0%	0.0% #CCA97D	RGB 204 169 125	#CCA97D
16.7%	16.7% #D4B682	RGB 212 182 130	#D4B682
33.3%	33.3% #DCC488	RGB 220 196 136	#DCC488
50.0%	50.0% #E4D28E	RGB 228 210 142	#E4D28E
66.7%	66.7% #ECE194	RGB 236 225 148	#ECE194
83.3%	83.3% #F4F09A	RGB 244 240 154	#F4F09A
100.0%	100.0% #FAFDA0	RGB 250 253 160	#FAFDA0

#CCA97D #D4B682 #DCC488 #E4D28E #ECE194 #F4F09A #FAFDA0

#CCA97D - #E4D28E - #FAFDA0

CSS codes

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

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