#CCC091 - #FFE8AC | 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 #CCC091 to #FFE8AC

#CCC091 #FFE8AC

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

#CCC091 - #FFE8AC | 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 #CCC091 as 0% and #FFE8AC as 100%.

0.0%	0.0% #CCC091	RGB 204 192 145	#CCC091
16.7%	16.7% #D4C695	RGB 212 198 149	#D4C695
33.3%	33.3% #DDCD9A	RGB 221 205 154	#DDCD9A
50.0%	50.0% #E5D49E	RGB 229 212 158	#E5D49E
66.7%	66.7% #EEDAA3	RGB 238 218 163	#EEDAA3
83.3%	83.3% #F6E1A7	RGB 246 225 167	#F6E1A7
100.0%	100.0% #FFE8AC	RGB 255 232 172	#FFE8AC

#CCC091 #D4C695 #DDCD9A #E5D49E #EEDAA3 #F6E1A7 #FFE8AC

#CCC091 - #FFE8AC

HSV Blend

#CCC091 - #FFE8AC | 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 #CCC091 as 0% and #FFE8AC as 100%.

0.0%	0.0% #CCC091	RGB 204 192 145	#CCC091
16.7%	16.7% #D4C695	RGB 212 198 149	#D4C695
33.3%	33.3% #DDCD9A	RGB 221 205 154	#DDCD9A
50.0%	50.0% #E5D49E	RGB 229 212 158	#E5D49E
66.7%	66.7% #EEDBA3	RGB 238 219 163	#EEDBA3
83.3%	83.3% #F6E1A7	RGB 246 225 167	#F6E1A7
100.0%	100.0% #FFE8AC	RGB 255 232 172	#FFE8AC

#CCC091 #D4C695 #DDCD9A #E5D49E #EEDBA3 #F6E1A7 #FFE8AC

#CCC091 - #E5D49E - #FFE8AC

CSS codes

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

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