#C3AD3C - #FFDC60 | 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 #C3AD3C to #FFDC60

#C3AD3C #FFDC60

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

#C3AD3C - #FFDC60 | 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 #C3AD3C as 0% and #FFDC60 as 100%.

0.0%	0.0% #C3AD3C	RGB 195 173 60	#C3AD3C
16.7%	16.7% #CDB442	RGB 205 180 66	#CDB442
33.3%	33.3% #D7BC48	RGB 215 188 72	#D7BC48
50.0%	50.0% #E1C44E	RGB 225 196 78	#E1C44E
66.7%	66.7% #EBCC54	RGB 235 204 84	#EBCC54
83.3%	83.3% #F5D45A	RGB 245 212 90	#F5D45A
100.0%	100.0% #FFDC60	RGB 255 220 96	#FFDC60

#C3AD3C #CDB442 #D7BC48 #E1C44E #EBCC54 #F5D45A #FFDC60

#C3AD3C - #FFDC60

HSV Blend

#C3AD3C - #FFDC60 | 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 #C3AD3C as 0% and #FFDC60 as 100%.

0.0%	0.0% #C3AD3C	RGB 195 173 60	#C3AD3C
16.7%	16.7% #CDB441	RGB 205 180 65	#CDB441
33.3%	33.3% #D7BC47	RGB 215 188 71	#D7BC47
50.0%	50.0% #E1C44C	RGB 225 196 76	#E1C44C
66.7%	66.7% #EBCC53	RGB 235 204 83	#EBCC53
83.3%	83.3% #F5D459	RGB 245 212 89	#F5D459
100.0%	100.0% #FFDC60	RGB 255 220 96	#FFDC60

#C3AD3C #CDB441 #D7BC47 #E1C44C #EBCC53 #F5D459 #FFDC60

#C3AD3C - #E1C44C - #FFDC60

CSS codes

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

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