#C4A845 - #FFDA67 | 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 #C4A845 to #FFDA67

#C4A845 #FFDA67

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

#C4A845 - #FFDA67 | 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 #C4A845 as 0% and #FFDA67 as 100%.

0.0%	0.0% #C4A845	RGB 196 168 69	#C4A845
16.7%	16.7% #CDB04A	RGB 205 176 74	#CDB04A
33.3%	33.3% #D7B850	RGB 215 184 80	#D7B850
50.0%	50.0% #E1C156	RGB 225 193 86	#E1C156
66.7%	66.7% #EBC95B	RGB 235 201 91	#EBC95B
83.3%	83.3% #F5D161	RGB 245 209 97	#F5D161
100.0%	100.0% #FFDA67	RGB 255 218 103	#FFDA67

#C4A845 #CDB04A #D7B850 #E1C156 #EBC95B #F5D161 #FFDA67

#C4A845 - #FFDA67

HSV Blend

#C4A845 - #FFDA67 | 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 #C4A845 as 0% and #FFDA67 as 100%.

0.0%	0.0% #C4A845	RGB 196 168 69	#C4A845
16.7%	16.7% #CDB04A	RGB 205 176 74	#CDB04A
33.3%	33.3% #D7B84F	RGB 215 184 79	#D7B84F
50.0%	50.0% #E1C055	RGB 225 192 85	#E1C055
66.7%	66.7% #EBC95A	RGB 235 201 90	#EBC95A
83.3%	83.3% #F5D160	RGB 245 209 96	#F5D160
100.0%	100.0% #FFDA67	RGB 255 218 103	#FFDA67

#C4A845 #CDB04A #D7B84F #E1C055 #EBC95A #F5D160 #FFDA67

#C4A845 - #E1C055 - #FFDA67

CSS codes

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

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