#CCC0AC - #FFEBC3 | 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 #CCC0AC to #FFEBC3

#CCC0AC #FFEBC3

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

#CCC0AC - #FFEBC3 | 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 #CCC0AC as 0% and #FFEBC3 as 100%.

0.0%	0.0% #CCC0AC	RGB 204 192 172	#CCC0AC
16.7%	16.7% #D4C7AF	RGB 212 199 175	#D4C7AF
33.3%	33.3% #DDCEB3	RGB 221 206 179	#DDCEB3
50.0%	50.0% #E5D5B7	RGB 229 213 183	#E5D5B7
66.7%	66.7% #EEDCBB	RGB 238 220 187	#EEDCBB
83.3%	83.3% #F6E3BF	RGB 246 227 191	#F6E3BF
100.0%	100.0% #FFEBC3	RGB 255 235 195	#FFEBC3

#CCC0AC #D4C7AF #DDCEB3 #E5D5B7 #EEDCBB #F6E3BF #FFEBC3

#CCC0AC - #FFEBC3

HSV Blend

#CCC0AC - #FFEBC3 | 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 #CCC0AC as 0% and #FFEBC3 as 100%.

0.0%	0.0% #CCC0AC	RGB 204 192 172	#CCC0AC
16.7%	16.7% #D4C7B0	RGB 212 199 176	#D4C7B0
33.3%	33.3% #DDCEB4	RGB 221 206 180	#DDCEB4
50.0%	50.0% #E5D5B8	RGB 229 213 184	#E5D5B8
66.7%	66.7% #EEDCBC	RGB 238 220 188	#EEDCBC
83.3%	83.3% #F6E3BF	RGB 246 227 191	#F6E3BF
100.0%	100.0% #FFEBC3	RGB 255 235 195	#FFEBC3

#CCC0AC #D4C7B0 #DDCEB4 #E5D5B8 #EEDCBC #F6E3BF #FFEBC3

#CCC0AC - #E5D5B8 - #FFEBC3

CSS codes

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

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