#CCC59D - #FFEAB4 | 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 #CCC59D to #FFEAB4

#CCC59D #FFEAB4

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

#CCC59D - #FFEAB4 | 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 #CCC59D as 0% and #FFEAB4 as 100%.

0.0%	0.0% #CCC59D	RGB 204 197 157	#CCC59D
16.7%	16.7% #D4CBA0	RGB 212 203 160	#D4CBA0
33.3%	33.3% #DDD1A4	RGB 221 209 164	#DDD1A4
50.0%	50.0% #E5D7A8	RGB 229 215 168	#E5D7A8
66.7%	66.7% #EEDDAC	RGB 238 221 172	#EEDDAC
83.3%	83.3% #F6E3B0	RGB 246 227 176	#F6E3B0
100.0%	100.0% #FFEAB4	RGB 255 234 180	#FFEAB4

#CCC59D #D4CBA0 #DDD1A4 #E5D7A8 #EEDDAC #F6E3B0 #FFEAB4

#CCC59D - #FFEAB4

HSV Blend

#CCC59D - #FFEAB4 | 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 #CCC59D as 0% and #FFEAB4 as 100%.

0.0%	0.0% #CCC59D	RGB 204 197 157	#CCC59D
16.7%	16.7% #D4CBA1	RGB 212 203 161	#D4CBA1
33.3%	33.3% #DDD2A5	RGB 221 210 165	#DDD2A5
50.0%	50.0% #E5D8A9	RGB 229 216 169	#E5D8A9
66.7%	66.7% #EEDEAD	RGB 238 222 173	#EEDEAD
83.3%	83.3% #F6E4B0	RGB 246 228 176	#F6E4B0
100.0%	100.0% #FFEAB4	RGB 255 234 180	#FFEAB4

#CCC59D #D4CBA1 #DDD2A5 #E5D8A9 #EEDEAD #F6E4B0 #FFEAB4

#CCC59D - #E5D8A9 - #FFEAB4

CSS codes

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

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