#C3A35B - #FFD97B | 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 #C3A35B to #FFD97B

#C3A35B #FFD97B

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

#C3A35B - #FFD97B | 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 #C3A35B as 0% and #FFD97B as 100%.

0.0%	0.0% #C3A35B	RGB 195 163 91	#C3A35B
16.7%	16.7% #CDAC60	RGB 205 172 96	#CDAC60
33.3%	33.3% #D7B565	RGB 215 181 101	#D7B565
50.0%	50.0% #E1BE6B	RGB 225 190 107	#E1BE6B
66.7%	66.7% #EBC770	RGB 235 199 112	#EBC770
83.3%	83.3% #F5D075	RGB 245 208 117	#F5D075
100.0%	100.0% #FFD97B	RGB 255 217 123	#FFD97B

#C3A35B #CDAC60 #D7B565 #E1BE6B #EBC770 #F5D075 #FFD97B

#C3A35B - #FFD97B

HSV Blend

#C3A35B - #FFD97B | 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 #C3A35B as 0% and #FFD97B as 100%.

0.0%	0.0% #C3A35B	RGB 195 163 91	#C3A35B
16.7%	16.7% #CDAB60	RGB 205 171 96	#CDAB60
33.3%	33.3% #D7B465	RGB 215 180 101	#D7B465
50.0%	50.0% #E1BD6A	RGB 225 189 106	#E1BD6A
66.7%	66.7% #EBC670	RGB 235 198 112	#EBC670
83.3%	83.3% #F5CF75	RGB 245 207 117	#F5CF75
100.0%	100.0% #FFD97B	RGB 255 217 123	#FFD97B

#C3A35B #CDAB60 #D7B465 #E1BD6A #EBC670 #F5CF75 #FFD97B

#C3A35B - #E1BD6A - #FFD97B

CSS codes

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

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