#C7BEBA - #FFFAD6 | 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 #C7BEBA to #FFFAD6

#C7BEBA #FFFAD6

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

#C7BEBA - #FFFAD6 | 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 #C7BEBA as 0% and #FFFAD6 as 100%.

0.0%	0.0% #C7BEBA	RGB 199 190 186	#C7BEBA
16.7%	16.7% #D0C8BE	RGB 208 200 190	#D0C8BE
33.3%	33.3% #D9D2C3	RGB 217 210 195	#D9D2C3
50.0%	50.0% #E3DCC8	RGB 227 220 200	#E3DCC8
66.7%	66.7% #ECE6CC	RGB 236 230 204	#ECE6CC
83.3%	83.3% #F5F0D1	RGB 245 240 209	#F5F0D1
100.0%	100.0% #FFFAD6	RGB 255 250 214	#FFFAD6

#C7BEBA #D0C8BE #D9D2C3 #E3DCC8 #ECE6CC #F5F0D1 #FFFAD6

#C7BEBA - #FFFAD6

HSV Blend

#C7BEBA - #FFFAD6 | 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 #C7BEBA as 0% and #FFFAD6 as 100%.

0.0%	0.0% #C7BEBA	RGB 199 190 186	#C7BEBA
16.7%	16.7% #D0C6BF	RGB 208 198 191	#D0C6BF
33.3%	33.3% #D9CFC4	RGB 217 207 196	#D9CFC4
50.0%	50.0% #E3D8C9	RGB 227 216 201	#E3D8C9
66.7%	66.7% #ECE2CD	RGB 236 226 205	#ECE2CD
83.3%	83.3% #F5EDD2	RGB 245 237 210	#F5EDD2
100.0%	100.0% #FFFAD6	RGB 255 250 214	#FFFAD6

#C7BEBA #D0C6BF #D9CFC4 #E3D8C9 #ECE2CD #F5EDD2 #FFFAD6

#C7BEBA - #E3D8C9 - #FFFAD6

CSS codes

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

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