#C4C8A2 - #FFFEB8 | 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 #C4C8A2 to #FFFEB8

#C4C8A2 #FFFEB8

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

#C4C8A2 - #FFFEB8 | 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 #C4C8A2 as 0% and #FFFEB8 as 100%.

0.0%	0.0% #C4C8A2	RGB 196 200 162	#C4C8A2
16.7%	16.7% #CDD1A5	RGB 205 209 165	#CDD1A5
33.3%	33.3% #D7DAA9	RGB 215 218 169	#D7DAA9
50.0%	50.0% #E1E3AD	RGB 225 227 173	#E1E3AD
66.7%	66.7% #EBECB0	RGB 235 236 176	#EBECB0
83.3%	83.3% #F5F5B4	RGB 245 245 180	#F5F5B4
100.0%	100.0% #FFFEB8	RGB 255 254 184	#FFFEB8

#C4C8A2 #CDD1A5 #D7DAA9 #E1E3AD #EBECB0 #F5F5B4 #FFFEB8

#C4C8A2 - #FFFEB8

HSV Blend

#C4C8A2 - #FFFEB8 | 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 #C4C8A2 as 0% and #FFFEB8 as 100%.

0.0%	0.0% #C4C8A2	RGB 196 200 162	#C4C8A2
16.7%	16.7% #CDD1A6	RGB 205 209 166	#CDD1A6
33.3%	33.3% #D7DAAA	RGB 215 218 170	#D7DAAA
50.0%	50.0% #E1E3AE	RGB 225 227 174	#E1E3AE
66.7%	66.7% #EBECB1	RGB 235 236 177	#EBECB1
83.3%	83.3% #F5F5B5	RGB 245 245 181	#F5F5B5
100.0%	100.0% #FFFEB8	RGB 255 254 184	#FFFEB8

#C4C8A2 #CDD1A6 #D7DAAA #E1E3AE #EBECB1 #F5F5B5 #FFFEB8

#C4C8A2 - #E1E3AE - #FFFEB8

CSS codes

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

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