#CFBBCB - #FFF0E1 | 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 #CFBBCB to #FFF0E1

#CFBBCB #FFF0E1

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

#CFBBCB - #FFF0E1 | 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 #CFBBCB as 0% and #FFF0E1 as 100%.

0.0%	0.0% #CFBBCB	RGB 207 187 203	#CFBBCB
16.7%	16.7% #D7C3CE	RGB 215 195 206	#D7C3CE
33.3%	33.3% #DFCCD2	RGB 223 204 210	#DFCCD2
50.0%	50.0% #E7D5D6	RGB 231 213 214	#E7D5D6
66.7%	66.7% #EFDED9	RGB 239 222 217	#EFDED9
83.3%	83.3% #F7E7DD	RGB 247 231 221	#F7E7DD
100.0%	100.0% #FFF0E1	RGB 255 240 225	#FFF0E1

#CFBBCB #D7C3CE #DFCCD2 #E7D5D6 #EFDED9 #F7E7DD #FFF0E1

#CFBBCB - #FFF0E1

HSV Blend

#CFBBCB - #FFF0E1 | 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 #CFBBCB as 0% and #FFF0E1 as 100%.

0.0%	0.0% #CFBBCB	RGB 207 187 203	#CFBBCB
16.7%	16.7% #D7C1CE	RGB 215 193 206	#D7C1CE
33.3%	33.3% #DFC7D0	RGB 223 199 208	#DFC7D0
50.0%	50.0% #E7CED1	RGB 231 206 209	#E7CED1
66.7%	66.7% #EFD6D4	RGB 239 214 212	#EFD6D4
83.3%	83.3% #F7E2DA	RGB 247 226 218	#F7E2DA
100.0%	100.0% #FFF0E1	RGB 255 240 225	#FFF0E1

#CFBBCB #D7C1CE #DFC7D0 #E7CED1 #EFD6D4 #F7E2DA #FFF0E1

#CFBBCB - #E7CED1 - #FFF0E1

CSS codes

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

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