#CDA34D - #FFD96E | 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 #CDA34D to #FFD96E

#CDA34D #FFD96E

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

#CDA34D - #FFD96E | 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 #CDA34D as 0% and #FFD96E as 100%.

0.0%	0.0% #CDA34D	RGB 205 163 77	#CDA34D
16.7%	16.7% #D5AC52	RGB 213 172 82	#D5AC52
33.3%	33.3% #DDB558	RGB 221 181 88	#DDB558
50.0%	50.0% #E6BE5D	RGB 230 190 93	#E6BE5D
66.7%	66.7% #EEC763	RGB 238 199 99	#EEC763
83.3%	83.3% #F6D068	RGB 246 208 104	#F6D068
100.0%	100.0% #FFD96E	RGB 255 217 110	#FFD96E

#CDA34D #D5AC52 #DDB558 #E6BE5D #EEC763 #F6D068 #FFD96E

#CDA34D - #FFD96E

HSV Blend

#CDA34D - #FFD96E | 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 #CDA34D as 0% and #FFD96E as 100%.

0.0%	0.0% #CDA34D	RGB 205 163 77	#CDA34D
16.7%	16.7% #D5AB52	RGB 213 171 82	#D5AB52
33.3%	33.3% #DDB457	RGB 221 180 87	#DDB457
50.0%	50.0% #E6BD5C	RGB 230 189 92	#E6BD5C
66.7%	66.7% #EEC662	RGB 238 198 98	#EEC662
83.3%	83.3% #F6CF68	RGB 246 207 104	#F6CF68
100.0%	100.0% #FFD96E	RGB 255 217 110	#FFD96E

#CDA34D #D5AB52 #DDB457 #E6BD5C #EEC662 #F6CF68 #FFD96E

#CDA34D - #E6BD5C - #FFD96E

CSS codes

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

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