#C48B8D - #FFD0A2 | 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 #C48B8D to #FFD0A2

#C48B8D #FFD0A2

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

#C48B8D - #FFD0A2 | 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 #C48B8D as 0% and #FFD0A2 as 100%.

0.0%	0.0% #C48B8D	RGB 196 139 141	#C48B8D
16.7%	16.7% #CD9690	RGB 205 150 144	#CD9690
33.3%	33.3% #D7A294	RGB 215 162 148	#D7A294
50.0%	50.0% #E1AD97	RGB 225 173 151	#E1AD97
66.7%	66.7% #EBB99B	RGB 235 185 155	#EBB99B
83.3%	83.3% #F5C49E	RGB 245 196 158	#F5C49E
100.0%	100.0% #FFD0A2	RGB 255 208 162	#FFD0A2

#C48B8D #CD9690 #D7A294 #E1AD97 #EBB99B #F5C49E #FFD0A2

#C48B8D - #FFD0A2

HSV Blend

#C48B8D - #FFD0A2 | 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 #C48B8D as 0% and #FFD0A2 as 100%.

0.0%	0.0% #C48B8C	RGB 196 139 140	#C48B8C
16.7%	16.7% #CD928F	RGB 205 146 143	#CD928F
33.3%	33.3% #D79D93	RGB 215 157 147	#D79D93
50.0%	50.0% #E1A897	RGB 225 168 151	#E1A897
66.7%	66.7% #EBB49B	RGB 235 180 155	#EBB49B
83.3%	83.3% #F5C19E	RGB 245 193 158	#F5C19E
100.0%	100.0% #FFD0A2	RGB 255 208 162	#FFD0A2

#C48B8C #CD928F #D79D93 #E1A897 #EBB49B #F5C19E #FFD0A2

#C48B8D - #E1A897 - #FFD0A2

CSS codes

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

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