#C3B96D - #FFFC8C | 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 #C3B96D to #FFFC8C

#C3B96D #FFFC8C

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

#C3B96D - #FFFC8C | 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 #C3B96D as 0% and #FFFC8C as 100%.

0.0%	0.0% #C3B96D	RGB 195 185 109	#C3B96D
16.7%	16.7% #CDC472	RGB 205 196 114	#CDC472
33.3%	33.3% #D7CF77	RGB 215 207 119	#D7CF77
50.0%	50.0% #E1DA7C	RGB 225 218 124	#E1DA7C
66.7%	66.7% #EBE581	RGB 235 229 129	#EBE581
83.3%	83.3% #F5F086	RGB 245 240 134	#F5F086
100.0%	100.0% #FFFC8C	RGB 255 252 140	#FFFC8C

#C3B96D #CDC472 #D7CF77 #E1DA7C #EBE581 #F5F086 #FFFC8C

#C3B96D - #FFFC8C

HSV Blend

#C3B96D - #FFFC8C | 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 #C3B96D as 0% and #FFFC8C as 100%.

0.0%	0.0% #C3B96D	RGB 195 185 109	#C3B96D
16.7%	16.7% #CDC372	RGB 205 195 114	#CDC372
33.3%	33.3% #D7CE77	RGB 215 206 119	#D7CE77
50.0%	50.0% #E1D97C	RGB 225 217 124	#E1D97C
66.7%	66.7% #EBE581	RGB 235 229 129	#EBE581
83.3%	83.3% #F5F086	RGB 245 240 134	#F5F086
100.0%	100.0% #FFFC8C	RGB 255 252 140	#FFFC8C

#C3B96D #CDC372 #D7CE77 #E1D97C #EBE581 #F5F086 #FFFC8C

#C3B96D - #E1D97C - #FFFC8C

CSS codes

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

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