#CCCBD7 - #FFEED4 | 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 #CCCBD7 to #FFEED4

#CCCBD7 #FFEED4

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

#CCCBD7 - #FFEED4 | 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 #CCCBD7 as 0% and #FFEED4 as 100%.

0.0%	0.0% #CCCBD7	RGB 204 203 215	#CCCBD7
16.7%	16.7% #D4D0D6	RGB 212 208 214	#D4D0D6
33.3%	33.3% #DDD6D6	RGB 221 214 214	#DDD6D6
50.0%	50.0% #E5DCD5	RGB 229 220 213	#E5DCD5
66.7%	66.7% #EEE2D5	RGB 238 226 213	#EEE2D5
83.3%	83.3% #F6E8D4	RGB 246 232 212	#F6E8D4
100.0%	100.0% #FFEED4	RGB 255 238 212	#FFEED4

#CCCBD7 #D4D0D6 #DDD6D6 #E5DCD5 #EEE2D5 #F6E8D4 #FFEED4

#CCCBD7 - #FFEED4

HSV Blend

#CCCBD7 - #FFEED4 | 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 #CCCBD7 as 0% and #FFEED4 as 100%.

0.0%	0.0% #CCCBD7	RGB 204 203 215	#CCCBD7
16.7%	16.7% #D5CDDD	RGB 213 205 221	#D5CDDD
33.3%	33.3% #E2CFE4	RGB 226 207 228	#E2CFE4
50.0%	50.0% #EBD0E1	RGB 235 208 225	#EBD0E1
66.7%	66.7% #F1D2D9	RGB 241 210 217	#F1D2D9
83.3%	83.3% #F8D9D3	RGB 248 217 211	#F8D9D3
100.0%	100.0% #FFEED4	RGB 255 238 212	#FFEED4

#CCCBD7 #D5CDDD #E2CFE4 #EBD0E1 #F1D2D9 #F8D9D3 #FFEED4

#CCCBD7 - #EBD0E1 - #FFEED4

CSS codes

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

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