#CCCCC7 - #FFEDD1 | 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 #CCCCC7 to #FFEDD1

#CCCCC7 #FFEDD1

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

#CCCCC7 - #FFEDD1 | 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 #CCCCC7 as 0% and #FFEDD1 as 100%.

0.0%	0.0% #CCCCC7	RGB 204 204 199	#CCCCC7
16.7%	16.7% #D4D1C8	RGB 212 209 200	#D4D1C8
33.3%	33.3% #DDD7CA	RGB 221 215 202	#DDD7CA
50.0%	50.0% #E5DCCC	RGB 229 220 204	#E5DCCC
66.7%	66.7% #EEE2CD	RGB 238 226 205	#EEE2CD
83.3%	83.3% #F6E7CF	RGB 246 231 207	#F6E7CF
100.0%	100.0% #FFEDD1	RGB 255 237 209	#FFEDD1

#CCCCC7 #D4D1C8 #DDD7CA #E5DCCC #EEE2CD #F6E7CF #FFEDD1

#CCCCC7 - #FFEDD1

HSV Blend

#CCCCC7 - #FFEDD1 | 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 #CCCCC7 as 0% and #FFEDD1 as 100%.

0.0%	0.0% #CCCCC7	RGB 204 204 199	#CCCCC7
16.7%	16.7% #D4D3C9	RGB 212 211 201	#D4D3C9
33.3%	33.3% #DDDACC	RGB 221 218 204	#DDDACC
50.0%	50.0% #E5E0CD	RGB 229 224 205	#E5E0CD
66.7%	66.7% #EEE6CF	RGB 238 230 207	#EEE6CF
83.3%	83.3% #F6EAD0	RGB 246 234 208	#F6EAD0
100.0%	100.0% #FFEDD1	RGB 255 237 209	#FFEDD1

#CCCCC7 #D4D3C9 #DDDACC #E5E0CD #EEE6CF #F6EAD0 #FFEDD1

#CCCCC7 - #E5E0CD - #FFEDD1

CSS codes

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

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