#C4C4A8 - #FFE8B9 | 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 #C4C4A8 to #FFE8B9

#C4C4A8 #FFE8B9

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

#C4C4A8 - #FFE8B9 | 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 #C4C4A8 as 0% and #FFE8B9 as 100%.

0.0%	0.0% #C4C4A8	RGB 196 196 168	#C4C4A8
16.7%	16.7% #CDCAAA	RGB 205 202 170	#CDCAAA
33.3%	33.3% #D7D0AD	RGB 215 208 173	#D7D0AD
50.0%	50.0% #E1D6B0	RGB 225 214 176	#E1D6B0
66.7%	66.7% #EBDCB3	RGB 235 220 179	#EBDCB3
83.3%	83.3% #F5E2B6	RGB 245 226 182	#F5E2B6
100.0%	100.0% #FFE8B9	RGB 255 232 185	#FFE8B9

#C4C4A8 #CDCAAA #D7D0AD #E1D6B0 #EBDCB3 #F5E2B6 #FFE8B9

#C4C4A8 - #FFE8B9

HSV Blend

#C4C4A8 - #FFE8B9 | 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 #C4C4A8 as 0% and #FFE8B9 as 100%.

0.0%	0.0% #C4C4A8	RGB 196 196 168	#C4C4A8
16.7%	16.7% #CDCBAB	RGB 205 203 171	#CDCBAB
33.3%	33.3% #D7D3AF	RGB 215 211 175	#D7D3AF
50.0%	50.0% #E1D9B2	RGB 225 217 178	#E1D9B2
66.7%	66.7% #EBDFB5	RGB 235 223 181	#EBDFB5
83.3%	83.3% #F5E4B7	RGB 245 228 183	#F5E4B7
100.0%	100.0% #FFE8B9	RGB 255 232 185	#FFE8B9

#C4C4A8 #CDCBAB #D7D3AF #E1D9B2 #EBDFB5 #F5E4B7 #FFE8B9

#C4C4A8 - #E1D9B2 - #FFE8B9

CSS codes

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

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