#C0BDB7 - #FFE9C8 | 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 #C0BDB7 to #FFE9C8

#C0BDB7 #FFE9C8

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

#C0BDB7 - #FFE9C8 | 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 #C0BDB7 as 0% and #FFE9C8 as 100%.

0.0%	0.0% #C0BDB7	RGB 192 189 183	#C0BDB7
16.7%	16.7% #CAC4B9	RGB 202 196 185	#CAC4B9
33.3%	33.3% #D5CBBC	RGB 213 203 188	#D5CBBC
50.0%	50.0% #DFD3BF	RGB 223 211 191	#DFD3BF
66.7%	66.7% #EADAC2	RGB 234 218 194	#EADAC2
83.3%	83.3% #F4E1C5	RGB 244 225 197	#F4E1C5
100.0%	100.0% #FFE9C8	RGB 255 233 200	#FFE9C8

#C0BDB7 #CAC4B9 #D5CBBC #DFD3BF #EADAC2 #F4E1C5 #FFE9C8

#C0BDB7 - #FFE9C8

HSV Blend

#C0BDB7 - #FFE9C8 | 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 #C0BDB7 as 0% and #FFE9C8 as 100%.

0.0%	0.0% #C0BDB7	RGB 192 189 183	#C0BDB7
16.7%	16.7% #CAC5BB	RGB 202 197 187	#CAC5BB
33.3%	33.3% #D5CDBF	RGB 213 205 191	#D5CDBF
50.0%	50.0% #DFD4C2	RGB 223 212 194	#DFD4C2
66.7%	66.7% #EADBC4	RGB 234 219 196	#EADBC4
83.3%	83.3% #F4E2C6	RGB 244 226 198	#F4E2C6
100.0%	100.0% #FFE9C8	RGB 255 233 200	#FFE9C8

#C0BDB7 #CAC5BB #D5CDBF #DFD4C2 #EADBC4 #F4E2C6 #FFE9C8

#C0BDB7 - #DFD4C2 - #FFE9C8

CSS codes

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

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