#C49BA7 - #FFDDBD | 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 #C49BA7 to #FFDDBD

#C49BA7 #FFDDBD

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

#C49BA7 - #FFDDBD | 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 #C49BA7 as 0% and #FFDDBD as 100%.

0.0%	0.0% #C49BA7	RGB 196 155 167	#C49BA7
16.7%	16.7% #CDA6AA	RGB 205 166 170	#CDA6AA
33.3%	33.3% #D7B1AE	RGB 215 177 174	#D7B1AE
50.0%	50.0% #E1BCB2	RGB 225 188 178	#E1BCB2
66.7%	66.7% #EBC7B5	RGB 235 199 181	#EBC7B5
83.3%	83.3% #F5D2B9	RGB 245 210 185	#F5D2B9
100.0%	100.0% #FFDDBD	RGB 255 221 189	#FFDDBD

#C49BA7 #CDA6AA #D7B1AE #E1BCB2 #EBC7B5 #F5D2B9 #FFDDBD

#C49BA7 - #FFDDBD

HSV Blend

#C49BA7 - #FFDDBD | 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 #C49BA7 as 0% and #FFDDBD as 100%.

0.0%	0.0% #C49BA7	RGB 196 155 167	#C49BA7
16.7%	16.7% #CDA1A8	RGB 205 161 168	#CDA1A8
33.3%	33.3% #D7A6A8	RGB 215 166 168	#D7A6A8
50.0%	50.0% #E1B1AC	RGB 225 177 172	#E1B1AC
66.7%	66.7% #EBBFB2	RGB 235 191 178	#EBBFB2
83.3%	83.3% #F5CDB7	RGB 245 205 183	#F5CDB7
100.0%	100.0% #FFDDBD	RGB 255 221 189	#FFDDBD

#C49BA7 #CDA1A8 #D7A6A8 #E1B1AC #EBBFB2 #F5CDB7 #FFDDBD

#C49BA7 - #E1B1AC - #FFDDBD

CSS codes

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

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