#C49AA3 - #FFDBB8 | 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 #C49AA3 to #FFDBB8

#C49AA3 #FFDBB8

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

#C49AA3 - #FFDBB8 | 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 #C49AA3 as 0% and #FFDBB8 as 100%.

0.0%	0.0% #C49AA3	RGB 196 154 163	#C49AA3
16.7%	16.7% #CDA4A6	RGB 205 164 166	#CDA4A6
33.3%	33.3% #D7AFAA	RGB 215 175 170	#D7AFAA
50.0%	50.0% #E1BAAD	RGB 225 186 173	#E1BAAD
66.7%	66.7% #EBC5B1	RGB 235 197 177	#EBC5B1
83.3%	83.3% #F5D0B4	RGB 245 208 180	#F5D0B4
100.0%	100.0% #FFDBB8	RGB 255 219 184	#FFDBB8

#C49AA3 #CDA4A6 #D7AFAA #E1BAAD #EBC5B1 #F5D0B4 #FFDBB8

#C49AA3 - #FFDBB8

HSV Blend

#C49AA3 - #FFDBB8 | 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 #C49AA3 as 0% and #FFDBB8 as 100%.

0.0%	0.0% #C49AA3	RGB 196 154 163	#C49AA3
16.7%	16.7% #CD9FA3	RGB 205 159 163	#CD9FA3
33.3%	33.3% #D7A5A4	RGB 215 165 164	#D7A5A4
50.0%	50.0% #E1B1A9	RGB 225 177 169	#E1B1A9
66.7%	66.7% #EBBEAE	RGB 235 190 174	#EBBEAE
83.3%	83.3% #F5CCB3	RGB 245 204 179	#F5CCB3
100.0%	100.0% #FFDBB8	RGB 255 219 184	#FFDBB8

#C49AA3 #CD9FA3 #D7A5A4 #E1B1A9 #EBBEAE #F5CCB3 #FFDBB8

#C49AA3 - #E1B1A9 - #FFDBB8

CSS codes

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

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