#C6BBBA - #FFEDD4 | 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 #C6BBBA to #FFEDD4

#C6BBBA #FFEDD4

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

#C6BBBA - #FFEDD4 | 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 #C6BBBA as 0% and #FFEDD4 as 100%.

0.0%	0.0% #C6BBBA	RGB 198 187 186	#C6BBBA
16.7%	16.7% #CFC3BE	RGB 207 195 190	#CFC3BE
33.3%	33.3% #D9CBC2	RGB 217 203 194	#D9CBC2
50.0%	50.0% #E2D4C7	RGB 226 212 199	#E2D4C7
66.7%	66.7% #ECDCCB	RGB 236 220 203	#ECDCCB
83.3%	83.3% #F5E4CF	RGB 245 228 207	#F5E4CF
100.0%	100.0% #FFEDD4	RGB 255 237 212	#FFEDD4

#C6BBBA #CFC3BE #D9CBC2 #E2D4C7 #ECDCCB #F5E4CF #FFEDD4

#C6BBBA - #FFEDD4

HSV Blend

#C6BBBA - #FFEDD4 | 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 #C6BBBA as 0% and #FFEDD4 as 100%.

0.0%	0.0% #C6BBBA	RGB 198 187 186	#C6BBBA
16.7%	16.7% #CFC1BF	RGB 207 193 191	#CFC1BF
33.3%	33.3% #D9C9C4	RGB 217 201 196	#D9C9C4
50.0%	50.0% #E2D1C8	RGB 226 209 200	#E2D1C8
66.7%	66.7% #ECD9CC	RGB 236 217 204	#ECD9CC
83.3%	83.3% #F5E2D0	RGB 245 226 208	#F5E2D0
100.0%	100.0% #FFEDD4	RGB 255 237 212	#FFEDD4

#C6BBBA #CFC1BF #D9C9C4 #E2D1C8 #ECD9CC #F5E2D0 #FFEDD4

#C6BBBA - #E2D1C8 - #FFEDD4

CSS codes

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

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