#C0BA92 - #FFFAAD | 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 #C0BA92 to #FFFAAD

#C0BA92 #FFFAAD

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

#C0BA92 - #FFFAAD | 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 #C0BA92 as 0% and #FFFAAD as 100%.

0.0%	0.0% #C0BA92	RGB 192 186 146	#C0BA92
16.7%	16.7% #CAC496	RGB 202 196 150	#CAC496
33.3%	33.3% #D5CF9B	RGB 213 207 155	#D5CF9B
50.0%	50.0% #DFDA9F	RGB 223 218 159	#DFDA9F
66.7%	66.7% #EAE4A4	RGB 234 228 164	#EAE4A4
83.3%	83.3% #F4EFA8	RGB 244 239 168	#F4EFA8
100.0%	100.0% #FFFAAD	RGB 255 250 173	#FFFAAD

#C0BA92 #CAC496 #D5CF9B #DFDA9F #EAE4A4 #F4EFA8 #FFFAAD

#C0BA92 - #FFFAAD

HSV Blend

#C0BA92 - #FFFAAD | 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 #C0BA92 as 0% and #FFFAAD as 100%.

0.0%	0.0% #C0BA92	RGB 192 186 146	#C0BA92
16.7%	16.7% #CAC497	RGB 202 196 151	#CAC497
33.3%	33.3% #D5CE9C	RGB 213 206 156	#D5CE9C
50.0%	50.0% #DFD9A0	RGB 223 217 160	#DFD9A0
66.7%	66.7% #EAE4A5	RGB 234 228 165	#EAE4A5
83.3%	83.3% #F4EFA9	RGB 244 239 169	#F4EFA9
100.0%	100.0% #FFFAAD	RGB 255 250 173	#FFFAAD

#C0BA92 #CAC497 #D5CE9C #DFD9A0 #EAE4A5 #F4EFA9 #FFFAAD

#C0BA92 - #DFD9A0 - #FFFAAD

CSS codes

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

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