#C8BDB5 - #FFFED2 | 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 #C8BDB5 to #FFFED2

#C8BDB5 #FFFED2

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

#C8BDB5 - #FFFED2 | 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 #C8BDB5 as 0% and #FFFED2 as 100%.

0.0%	0.0% #C8BDB5	RGB 200 189 181	#C8BDB5
16.7%	16.7% #D1C7B9	RGB 209 199 185	#D1C7B9
33.3%	33.3% #DAD2BE	RGB 218 210 190	#DAD2BE
50.0%	50.0% #E3DDC3	RGB 227 221 195	#E3DDC3
66.7%	66.7% #ECE8C8	RGB 236 232 200	#ECE8C8
83.3%	83.3% #F5F3CD	RGB 245 243 205	#F5F3CD
100.0%	100.0% #FFFED2	RGB 255 254 210	#FFFED2

#C8BDB5 #D1C7B9 #DAD2BE #E3DDC3 #ECE8C8 #F5F3CD #FFFED2

#C8BDB5 - #FFFED2

HSV Blend

#C8BDB5 - #FFFED2 | 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 #C8BDB5 as 0% and #FFFED2 as 100%.

0.0%	0.0% #C8BDB5	RGB 200 189 181	#C8BDB5
16.7%	16.7% #D1C6BA	RGB 209 198 186	#D1C6BA
33.3%	33.3% #DACFBF	RGB 218 207 191	#DACFBF
50.0%	50.0% #E3DAC4	RGB 227 218 196	#E3DAC4
66.7%	66.7% #ECE5C9	RGB 236 229 201	#ECE5C9
83.3%	83.3% #F5F1CD	RGB 245 241 205	#F5F1CD
100.0%	100.0% #FFFED2	RGB 255 254 210	#FFFED2

#C8BDB5 #D1C6BA #DACFBF #E3DAC4 #ECE5C9 #F5F1CD #FFFED2

#C8BDB5 - #E3DAC4 - #FFFED2

CSS codes

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

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