#C0ADC4 - #FFDFBC | 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 #C0ADC4 to #FFDFBC

#C0ADC4 #FFDFBC

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

#C0ADC4 - #FFDFBC | 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 #C0ADC4 as 0% and #FFDFBC as 100%.

0.0%	0.0% #C0ADC4	RGB 192 173 196	#C0ADC4
16.7%	16.7% #CAB5C2	RGB 202 181 194	#CAB5C2
33.3%	33.3% #D5BDC1	RGB 213 189 193	#D5BDC1
50.0%	50.0% #DFC6C0	RGB 223 198 192	#DFC6C0
66.7%	66.7% #EACEBE	RGB 234 206 190	#EACEBE
83.3%	83.3% #F4D6BD	RGB 244 214 189	#F4D6BD
100.0%	100.0% #FFDFBC	RGB 255 223 188	#FFDFBC

#C0ADC4 #CAB5C2 #D5BDC1 #DFC6C0 #EACEBE #F4D6BD #FFDFBC

#C0ADC4 - #FFDFBC

HSV Blend

#C0ADC4 - #FFDFBC | 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 #C0ADC4 as 0% and #FFDFBC as 100%.

0.0%	0.0% #C0ADC4	RGB 192 173 196	#C0ADC4
16.7%	16.7% #CDB0CA	RGB 205 176 202	#CDB0CA
33.3%	33.3% #D7B3C9	RGB 215 179 201	#D7B3C9
50.0%	50.0% #E1B6C4	RGB 225 182 196	#E1B6C4
66.7%	66.7% #EBB8BB	RGB 235 184 187	#EBB8BB
83.3%	83.3% #F5C8BA	RGB 245 200 186	#F5C8BA
100.0%	100.0% #FFDFBC	RGB 255 223 188	#FFDFBC

#C0ADC4 #CDB0CA #D7B3C9 #E1B6C4 #EBB8BB #F5C8BA #FFDFBC

#C0ADC4 - #E1B6C4 - #FFDFBC

CSS codes

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

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