#C7A45D - #FFDA7D | 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 #C7A45D to #FFDA7D

#C7A45D #FFDA7D

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

#C7A45D - #FFDA7D | 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 #C7A45D as 0% and #FFDA7D as 100%.

0.0%	0.0% #C7A45D	RGB 199 164 93	#C7A45D
16.7%	16.7% #D0AD62	RGB 208 173 98	#D0AD62
33.3%	33.3% #D9B667	RGB 217 182 103	#D9B667
50.0%	50.0% #E3BF6D	RGB 227 191 109	#E3BF6D
66.7%	66.7% #ECC872	RGB 236 200 114	#ECC872
83.3%	83.3% #F5D177	RGB 245 209 119	#F5D177
100.0%	100.0% #FFDA7D	RGB 255 218 125	#FFDA7D

#C7A45D #D0AD62 #D9B667 #E3BF6D #ECC872 #F5D177 #FFDA7D

#C7A45D - #FFDA7D

HSV Blend

#C7A45D - #FFDA7D | 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 #C7A45D as 0% and #FFDA7D as 100%.

0.0%	0.0% #C7A45D	RGB 199 164 93	#C7A45D
16.7%	16.7% #D0AC62	RGB 208 172 98	#D0AC62
33.3%	33.3% #D9B567	RGB 217 181 103	#D9B567
50.0%	50.0% #E3BE6C	RGB 227 190 108	#E3BE6C
66.7%	66.7% #ECC772	RGB 236 199 114	#ECC772
83.3%	83.3% #F5D077	RGB 245 208 119	#F5D077
100.0%	100.0% #FFDA7D	RGB 255 218 125	#FFDA7D

#C7A45D #D0AC62 #D9B567 #E3BE6C #ECC772 #F5D077 #FFDA7D

#C7A45D - #E3BE6C - #FFDA7D

CSS codes

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

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