#C4A8A1 - #FFE4BF | 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 #C4A8A1 to #FFE4BF

#C4A8A1 #FFE4BF

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

#C4A8A1 - #FFE4BF | 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 #C4A8A1 as 0% and #FFE4BF as 100%.

0.0%	0.0% #C4A8A1	RGB 196 168 161	#C4A8A1
16.7%	16.7% #CDB2A6	RGB 205 178 166	#CDB2A6
33.3%	33.3% #D7BCAB	RGB 215 188 171	#D7BCAB
50.0%	50.0% #E1C6B0	RGB 225 198 176	#E1C6B0
66.7%	66.7% #EBD0B5	RGB 235 208 181	#EBD0B5
83.3%	83.3% #F5DABA	RGB 245 218 186	#F5DABA
100.0%	100.0% #FFE4BF	RGB 255 228 191	#FFE4BF

#C4A8A1 #CDB2A6 #D7BCAB #E1C6B0 #EBD0B5 #F5DABA #FFE4BF

#C4A8A1 - #FFE4BF

HSV Blend

#C4A8A1 - #FFE4BF | 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 #C4A8A1 as 0% and #FFE4BF as 100%.

0.0%	0.0% #C4A8A1	RGB 196 168 161	#C4A8A1
16.7%	16.7% #CDB0A6	RGB 205 176 166	#CDB0A6
33.3%	33.3% #D7BAAB	RGB 215 186 171	#D7BAAB
50.0%	50.0% #E1C3B1	RGB 225 195 177	#E1C3B1
66.7%	66.7% #EBCEB5	RGB 235 206 181	#EBCEB5
83.3%	83.3% #F5D8BA	RGB 245 216 186	#F5D8BA
100.0%	100.0% #FFE4BF	RGB 255 228 191	#FFE4BF

#C4A8A1 #CDB0A6 #D7BAAB #E1C3B1 #EBCEB5 #F5D8BA #FFE4BF

#C4A8A1 - #E1C3B1 - #FFE4BF

CSS codes

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

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