#CCCCD9 - #F9DBFF | 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 #CCCCD9 to #F9DBFF

#CCCCD9 #F9DBFF

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

#CCCCD9 - #F9DBFF | 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 #CCCCD9 as 0% and #F9DBFF as 100%.

0.0%	0.0% #CCCCD9	RGB 204 204 217	#CCCCD9
16.7%	16.7% #D3CEDF	RGB 211 206 223	#D3CEDF
33.3%	33.3% #DBD1E5	RGB 219 209 229	#DBD1E5
50.0%	50.0% #E2D3EC	RGB 226 211 236	#E2D3EC
66.7%	66.7% #EAD6F2	RGB 234 214 242	#EAD6F2
83.3%	83.3% #F1D8F8	RGB 241 216 248	#F1D8F8
100.0%	100.0% #F9DBFF	RGB 249 219 255	#F9DBFF

#CCCCD9 #D3CEDF #DBD1E5 #E2D3EC #EAD6F2 #F1D8F8 #F9DBFF

#CCCCD9 - #F9DBFF

HSV Blend

#CCCCD9 - #F9DBFF | 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 #CCCCD9 as 0% and #F9DBFF as 100%.

0.0%	0.0% #CCCCD9	RGB 204 204 217	#CCCCD9
16.7%	16.7% #D1CEDF	RGB 209 206 223	#D1CEDF
33.3%	33.3% #D7D1E5	RGB 215 209 229	#D7D1E5
50.0%	50.0% #DED4EC	RGB 222 212 236	#DED4EC
66.7%	66.7% #E6D6F2	RGB 230 214 242	#E6D6F2
83.3%	83.3% #EED8F8	RGB 238 216 248	#EED8F8
100.0%	100.0% #F9DBFF	RGB 249 219 255	#F9DBFF

#CCCCD9 #D1CEDF #D7D1E5 #DED4EC #E6D6F2 #EED8F8 #F9DBFF

#CCCCD9 - #DED4EC - #F9DBFF

CSS codes

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

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