#C4B8B8 - #FFEDD4 | 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 #C4B8B8 to #FFEDD4

#C4B8B8 #FFEDD4

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

#C4B8B8 - #FFEDD4 | 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 #C4B8B8 as 0% and #FFEDD4 as 100%.

0.0%	0.0% #C4B8B8	RGB 196 184 184	#C4B8B8
16.7%	16.7% #CDC0BC	RGB 205 192 188	#CDC0BC
33.3%	33.3% #D7C9C1	RGB 215 201 193	#D7C9C1
50.0%	50.0% #E1D2C6	RGB 225 210 198	#E1D2C6
66.7%	66.7% #EBDBCA	RGB 235 219 202	#EBDBCA
83.3%	83.3% #F5E4CF	RGB 245 228 207	#F5E4CF
100.0%	100.0% #FFEDD4	RGB 255 237 212	#FFEDD4

#C4B8B8 #CDC0BC #D7C9C1 #E1D2C6 #EBDBCA #F5E4CF #FFEDD4

#C4B8B8 - #FFEDD4

HSV Blend

#C4B8B8 - #FFEDD4 | 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 #C4B8B8 as 0% and #FFEDD4 as 100%.

0.0%	0.0% #C4B8B8	RGB 196 184 184	#C4B8B8
16.7%	16.7% #CDBFBD	RGB 205 191 189	#CDBFBD
33.3%	33.3% #D7C6C2	RGB 215 198 194	#D7C6C2
50.0%	50.0% #E1CFC7	RGB 225 207 199	#E1CFC7
66.7%	66.7% #EBD8CC	RGB 235 216 204	#EBD8CC
83.3%	83.3% #F5E2D0	RGB 245 226 208	#F5E2D0
100.0%	100.0% #FFEDD4	RGB 255 237 212	#FFEDD4

#C4B8B8 #CDBFBD #D7C6C2 #E1CFC7 #EBD8CC #F5E2D0 #FFEDD4

#C4B8B8 - #E1CFC7 - #FFEDD4

CSS codes

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

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