#CDA63C - #A1670F | 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 #CDA63C to #A1670F

#CDA63C #A1670F

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

#CDA63C - #A1670F | 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 #CDA63C as 0% and #A1670F as 100%.

0.0%	0.0% #CDA63C	RGB 205 166 60	#CDA63C
16.7%	16.7% #C59B34	RGB 197 155 52	#C59B34
33.3%	33.3% #BE912D	RGB 190 145 45	#BE912D
50.0%	50.0% #B78625	RGB 183 134 37	#B78625
66.7%	66.7% #AF7C1E	RGB 175 124 30	#AF7C1E
83.3%	83.3% #A87116	RGB 168 113 22	#A87116
100.0%	100.0% #A1670F	RGB 161 103 15	#A1670F

#CDA63C #C59B34 #BE912D #B78625 #AF7C1E #A87116 #A1670F

#CDA63C - #A1670F

HSV Blend

#CDA63C - #A1670F | 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 #CDA63C as 0% and #A1670F as 100%.

0.0%	0.0% #CDA63C	RGB 205 166 60	#CDA63C
16.7%	16.7% #C59B33	RGB 197 155 51	#C59B33
33.3%	33.3% #BE902B	RGB 190 144 43	#BE902B
50.0%	50.0% #B78523	RGB 183 133 35	#B78523
66.7%	66.7% #AF7B1C	RGB 175 123 28	#AF7B1C
83.3%	83.3% #A87115	RGB 168 113 21	#A87115
100.0%	100.0% #A1670F	RGB 161 103 15	#A1670F

#CDA63C #C59B33 #BE902B #B78523 #AF7B1C #A87115 #A1670F

#CDA63C - #B78523 - #A1670F

CSS codes

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

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