#C9BBC3 - #FFEFDA | 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 #C9BBC3 to #FFEFDA

#C9BBC3 #FFEFDA

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

#C9BBC3 - #FFEFDA | 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 #C9BBC3 as 0% and #FFEFDA as 100%.

0.0%	0.0% #C9BBC3	RGB 201 187 195	#C9BBC3
16.7%	16.7% #D2C3C6	RGB 210 195 198	#D2C3C6
33.3%	33.3% #DBCCCA	RGB 219 204 202	#DBCCCA
50.0%	50.0% #E4D5CE	RGB 228 213 206	#E4D5CE
66.7%	66.7% #EDDDD2	RGB 237 221 210	#EDDDD2
83.3%	83.3% #F6E6D6	RGB 246 230 214	#F6E6D6
100.0%	100.0% #FFEFDA	RGB 255 239 218	#FFEFDA

#C9BBC3 #D2C3C6 #DBCCCA #E4D5CE #EDDDD2 #F6E6D6 #FFEFDA

#C9BBC3 - #FFEFDA

HSV Blend

#C9BBC3 - #FFEFDA | 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 #C9BBC3 as 0% and #FFEFDA as 100%.

0.0%	0.0% #C9BBC3	RGB 201 187 195	#C9BBC3
16.7%	16.7% #D2C0C7	RGB 210 192 199	#D2C0C7
33.3%	33.3% #DBC6CA	RGB 219 198 202	#DBC6CA
50.0%	50.0% #E4CBCB	RGB 228 203 203	#E4CBCB
66.7%	66.7% #EDD5D0	RGB 237 213 208	#EDD5D0
83.3%	83.3% #F6E1D5	RGB 246 225 213	#F6E1D5
100.0%	100.0% #FFEFDA	RGB 255 239 218	#FFEFDA

#C9BBC3 #D2C0C7 #DBC6CA #E4CBCB #EDD5D0 #F6E1D5 #FFEFDA

#C9BBC3 - #E4CBCB - #FFEFDA

CSS codes

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

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