#C49CCB - #FFDBC5 | 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 #C49CCB to #FFDBC5

#C49CCB #FFDBC5

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

#C49CCB - #FFDBC5 | 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 #C49CCB as 0% and #FFDBC5 as 100%.

0.0%	0.0% #C49CCB	RGB 196 156 203	#C49CCB
16.7%	16.7% #CDA6CA	RGB 205 166 202	#CDA6CA
33.3%	33.3% #D7B1C9	RGB 215 177 201	#D7B1C9
50.0%	50.0% #E1BBC8	RGB 225 187 200	#E1BBC8
66.7%	66.7% #EBC6C7	RGB 235 198 199	#EBC6C7
83.3%	83.3% #F5D0C6	RGB 245 208 198	#F5D0C6
100.0%	100.0% #FFDBC5	RGB 255 219 197	#FFDBC5

#C49CCB #CDA6CA #D7B1C9 #E1BBC8 #EBC6C7 #F5D0C6 #FFDBC5

#C49CCB - #FFDBC5

HSV Blend

#C49CCB - #FFDBC5 | 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 #C49CCB as 0% and #FFDBC5 as 100%.

0.0%	0.0% #C49CCB	RGB 196 156 203	#C49CCB
16.7%	16.7% #D3A2CE	RGB 211 162 206	#D3A2CE
33.3%	33.3% #DCA9CA	RGB 220 169 202	#DCA9CA
50.0%	50.0% #E5B0C4	RGB 229 176 196	#E5B0C4
66.7%	66.7% #EDB7BE	RGB 237 183 190	#EDB7BE
83.3%	83.3% #F6C5BE	RGB 246 197 190	#F6C5BE
100.0%	100.0% #FFDBC5	RGB 255 219 197	#FFDBC5

#C49CCB #D3A2CE #DCA9CA #E5B0C4 #EDB7BE #F6C5BE #FFDBC5

#C49CCB - #E5B0C4 - #FFDBC5

CSS codes

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

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