#CCCFA8 - #D8D5E2 | 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 #CCCFA8 to #D8D5E2

#CCCFA8 #D8D5E2

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

#CCCFA8 - #D8D5E2 | 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 #CCCFA8 as 0% and #D8D5E2 as 100%.

0.0%	0.0% #CCCFA8	RGB 204 207 168	#CCCFA8
16.7%	16.7% #CED0B1	RGB 206 208 177	#CED0B1
33.3%	33.3% #D0D1BB	RGB 208 209 187	#D0D1BB
50.0%	50.0% #D2D2C5	RGB 210 210 197	#D2D2C5
66.7%	66.7% #D4D3CE	RGB 212 211 206	#D4D3CE
83.3%	83.3% #D6D4D8	RGB 214 212 216	#D6D4D8
100.0%	100.0% #D8D5E2	RGB 216 213 226	#D8D5E2

#CCCFA8 #CED0B1 #D0D1BB #D2D2C5 #D4D3CE #D6D4D8 #D8D5E2

#CCCFA8 - #D8D5E2

HSV Blend

#CCCFA8 - #D8D5E2 | 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 #CCCFA8 as 0% and #D8D5E2 as 100%.

0.0%	0.0% #CCCFA8	RGB 204 207 168	#CCCFA8
16.7%	16.7% #D2C4AF	RGB 210 196 175	#D2C4AF
33.3%	33.3% #D5BAB6	RGB 213 186 182	#D5BAB6
50.0%	50.0% #D8BDC7	RGB 216 189 199	#D8BDC7
66.7%	66.7% #DBC5D7	RGB 219 197 215	#DBC5D7
83.3%	83.3% #D9CDDE	RGB 217 205 222	#D9CDDE
100.0%	100.0% #D8D5E2	RGB 216 213 226	#D8D5E2

#CCCFA8 #D2C4AF #D5BAB6 #D8BDC7 #DBC5D7 #D9CDDE #D8D5E2

#CCCFA8 - #D8BDC7 - #D8D5E2

CSS codes

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

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