#C4AD4D - #FFDD6F | 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 #C4AD4D to #FFDD6F

#C4AD4D #FFDD6F

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

#C4AD4D - #FFDD6F | 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 #C4AD4D as 0% and #FFDD6F as 100%.

0.0%	0.0% #C4AD4D	RGB 196 173 77	#C4AD4D
16.7%	16.7% #CDB552	RGB 205 181 82	#CDB552
33.3%	33.3% #D7BD58	RGB 215 189 88	#D7BD58
50.0%	50.0% #E1C55E	RGB 225 197 94	#E1C55E
66.7%	66.7% #EBCD63	RGB 235 205 99	#EBCD63
83.3%	83.3% #F5D569	RGB 245 213 105	#F5D569
100.0%	100.0% #FFDD6F	RGB 255 221 111	#FFDD6F

#C4AD4D #CDB552 #D7BD58 #E1C55E #EBCD63 #F5D569 #FFDD6F

#C4AD4D - #FFDD6F

HSV Blend

#C4AD4D - #FFDD6F | 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 #C4AD4D as 0% and #FFDD6F as 100%.

0.0%	0.0% #C4AD4D	RGB 196 173 77	#C4AD4D
16.7%	16.7% #CDB552	RGB 205 181 82	#CDB552
33.3%	33.3% #D7BD57	RGB 215 189 87	#D7BD57
50.0%	50.0% #E1C55D	RGB 225 197 93	#E1C55D
66.7%	66.7% #EBCD63	RGB 235 205 99	#EBCD63
83.3%	83.3% #F5D568	RGB 245 213 104	#F5D568
100.0%	100.0% #FFDD6F	RGB 255 221 111	#FFDD6F

#C4AD4D #CDB552 #D7BD57 #E1C55D #EBCD63 #F5D568 #FFDD6F

#C4AD4D - #E1C55D - #FFDD6F

CSS codes

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

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