#CCCAD9 - #FFEED5 | 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 #CCCAD9 to #FFEED5

#CCCAD9 #FFEED5

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

#CCCAD9 - #FFEED5 | 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 #CCCAD9 as 0% and #FFEED5 as 100%.

0.0%	0.0% #CCCAD9	RGB 204 202 217	#CCCAD9
16.7%	16.7% #D4D0D8	RGB 212 208 216	#D4D0D8
33.3%	33.3% #DDD6D7	RGB 221 214 215	#DDD6D7
50.0%	50.0% #E5DCD7	RGB 229 220 215	#E5DCD7
66.7%	66.7% #EEE2D6	RGB 238 226 214	#EEE2D6
83.3%	83.3% #F6E8D5	RGB 246 232 213	#F6E8D5
100.0%	100.0% #FFEED5	RGB 255 238 213	#FFEED5

#CCCAD9 #D4D0D8 #DDD6D7 #E5DCD7 #EEE2D6 #F6E8D5 #FFEED5

#CCCAD9 - #FFEED5

HSV Blend

#CCCAD9 - #FFEED5 | 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 #CCCAD9 as 0% and #FFEED5 as 100%.

0.0%	0.0% #CCCAD9	RGB 204 202 217	#CCCAD9
16.7%	16.7% #D6CCDF	RGB 214 204 223	#D6CCDF
33.3%	33.3% #E4CEE5	RGB 228 206 229	#E4CEE5
50.0%	50.0% #ECD0E1	RGB 236 208 225	#ECD0E1
66.7%	66.7% #F2D2D9	RGB 242 210 217	#F2D2D9
83.3%	83.3% #F8DAD3	RGB 248 218 211	#F8DAD3
100.0%	100.0% #FFEED5	RGB 255 238 213	#FFEED5

#CCCAD9 #D6CCDF #E4CEE5 #ECD0E1 #F2D2D9 #F8DAD3 #FFEED5

#CCCAD9 - #ECD0E1 - #FFEED5

CSS codes

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

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