#C48C8D - #FFD1A1 | 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 #C48C8D to #FFD1A1

#C48C8D #FFD1A1

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

#C48C8D - #FFD1A1 | 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 #C48C8D as 0% and #FFD1A1 as 100%.

0.0%	0.0% #C48C8D	RGB 196 140 141	#C48C8D
16.7%	16.7% #CD9790	RGB 205 151 144	#CD9790
33.3%	33.3% #D7A393	RGB 215 163 147	#D7A393
50.0%	50.0% #E1AE97	RGB 225 174 151	#E1AE97
66.7%	66.7% #EBBA9A	RGB 235 186 154	#EBBA9A
83.3%	83.3% #F5C59D	RGB 245 197 157	#F5C59D
100.0%	100.0% #FFD1A1	RGB 255 209 161	#FFD1A1

#C48C8D #CD9790 #D7A393 #E1AE97 #EBBA9A #F5C59D #FFD1A1

#C48C8D - #FFD1A1

HSV Blend

#C48C8D - #FFD1A1 | 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 #C48C8D as 0% and #FFD1A1 as 100%.

0.0%	0.0% #C48C8D	RGB 196 140 141	#C48C8D
16.7%	16.7% #CD9490	RGB 205 148 144	#CD9490
33.3%	33.3% #D79E94	RGB 215 158 148	#D79E94
50.0%	50.0% #E1A997	RGB 225 169 151	#E1A997
66.7%	66.7% #EBB59B	RGB 235 181 155	#EBB59B
83.3%	83.3% #F5C29E	RGB 245 194 158	#F5C29E
100.0%	100.0% #FFD1A1	RGB 255 209 161	#FFD1A1

#C48C8D #CD9490 #D79E94 #E1A997 #EBB59B #F5C29E #FFD1A1

#C48C8D - #E1A997 - #FFD1A1

CSS codes

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

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