#CBBFD8 - #FFF7D3 | 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 #CBBFD8 to #FFF7D3

#CBBFD8 #FFF7D3

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

#CBBFD8 - #FFF7D3 | 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 #CBBFD8 as 0% and #FFF7D3 as 100%.

0.0%	0.0% #CBBFD8	RGB 203 191 216	#CBBFD8
16.7%	16.7% #D3C8D7	RGB 211 200 215	#D3C8D7
33.3%	33.3% #DCD1D6	RGB 220 209 214	#DCD1D6
50.0%	50.0% #E5DBD5	RGB 229 219 213	#E5DBD5
66.7%	66.7% #EDE4D4	RGB 237 228 212	#EDE4D4
83.3%	83.3% #F6EDD3	RGB 246 237 211	#F6EDD3
100.0%	100.0% #FFF7D3	RGB 255 247 211	#FFF7D3

#CBBFD8 #D3C8D7 #DCD1D6 #E5DBD5 #EDE4D4 #F6EDD3 #FFF7D3

#CBBFD8 - #FFF7D3

HSV Blend

#CBBFD8 - #FFF7D3 | 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 #CBBFD8 as 0% and #FFF7D3 as 100%.

0.0%	0.0% #CBBFD8	RGB 203 191 216	#CBBFD8
16.7%	16.7% #DAC2DE	RGB 218 194 222	#DAC2DE
33.3%	33.3% #E5C6DD	RGB 229 198 221	#E5C6DD
50.0%	50.0% #EBC9D5	RGB 235 201 213	#EBC9D5
66.7%	66.7% #F2CECC	RGB 242 206 204	#F2CECC
83.3%	83.3% #F8E1CF	RGB 248 225 207	#F8E1CF
100.0%	100.0% #FFF7D3	RGB 255 247 211	#FFF7D3

#CBBFD8 #DAC2DE #E5C6DD #EBC9D5 #F2CECC #F8E1CF #FFF7D3

#CBBFD8 - #EBC9D5 - #FFF7D3

CSS codes

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

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