#CFB8C0 - #FFF8DC | 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 #CFB8C0 to #FFF8DC

#CFB8C0 #FFF8DC

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

#CFB8C0 - #FFF8DC | 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 #CFB8C0 as 0% and #FFF8DC as 100%.

0.0%	0.0% #CFB8C0	RGB 207 184 192	#CFB8C0
16.7%	16.7% #D7C2C4	RGB 215 194 196	#D7C2C4
33.3%	33.3% #DFCDC9	RGB 223 205 201	#DFCDC9
50.0%	50.0% #E7D8CE	RGB 231 216 206	#E7D8CE
66.7%	66.7% #EFE2D2	RGB 239 226 210	#EFE2D2
83.3%	83.3% #F7EDD7	RGB 247 237 215	#F7EDD7
100.0%	100.0% #FFF8DC	RGB 255 248 220	#FFF8DC

#CFB8C0 #D7C2C4 #DFCDC9 #E7D8CE #EFE2D2 #F7EDD7 #FFF8DC

#CFB8C0 - #FFF8DC

HSV Blend

#CFB8C0 - #FFF8DC | 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 #CFB8C0 as 0% and #FFF8DC as 100%.

0.0%	0.0% #CFB8C0	RGB 207 184 192	#CFB8C0
16.7%	16.7% #D7BEC2	RGB 215 190 194	#D7BEC2
33.3%	33.3% #DFC5C4	RGB 223 197 196	#DFC5C4
50.0%	50.0% #E7D0CA	RGB 231 208 202	#E7D0CA
66.7%	66.7% #EFDDD0	RGB 239 221 208	#EFDDD0
83.3%	83.3% #F7EAD6	RGB 247 234 214	#F7EAD6
100.0%	100.0% #FFF8DC	RGB 255 248 220	#FFF8DC

#CFB8C0 #D7BEC2 #DFC5C4 #E7D0CA #EFDDD0 #F7EAD6 #FFF8DC

#CFB8C0 - #E7D0CA - #FFF8DC

CSS codes

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

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