#C8CCBD - #E3CCC4 | 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 #C8CCBD to #E3CCC4

#C8CCBD #E3CCC4

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

#C8CCBD - #E3CCC4 | 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 #C8CCBD as 0% and #E3CCC4 as 100%.

0.0%	0.0% #C8CCBD	RGB 200 204 189	#C8CCBD
16.7%	16.7% #CCCCBE	RGB 204 204 190	#CCCCBE
33.3%	33.3% #D1CCBF	RGB 209 204 191	#D1CCBF
50.0%	50.0% #D5CCC0	RGB 213 204 192	#D5CCC0
66.7%	66.7% #DACCC1	RGB 218 204 193	#DACCC1
83.3%	83.3% #DECCC2	RGB 222 204 194	#DECCC2
100.0%	100.0% #E3CCC4	RGB 227 204 196	#E3CCC4

#C8CCBD #CCCCBE #D1CCBF #D5CCC0 #DACCC1 #DECCC2 #E3CCC4

#C8CCBD - #E3CCC4

HSV Blend

#C8CCBD - #E3CCC4 | 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 #C8CCBD as 0% and #E3CCC4 as 100%.

0.0%	0.0% #C8CCBD	RGB 200 204 189	#C8CCBD
16.7%	16.7% #CECFBE	RGB 206 207 190	#CECFBE
33.3%	33.3% #D3D2BF	RGB 211 210 191	#D3D2BF
50.0%	50.0% #D7D2C0	RGB 215 210 192	#D7D2C0
66.7%	66.7% #DBD1C1	RGB 219 209 193	#DBD1C1
83.3%	83.3% #DFCFC3	RGB 223 207 195	#DFCFC3
100.0%	100.0% #E3CCC4	RGB 227 204 196	#E3CCC4

#C8CCBD #CECFBE #D3D2BF #D7D2C0 #DBD1C1 #DFCFC3 #E3CCC4

#C8CCBD - #D7D2C0 - #E3CCC4

CSS codes

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

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