#CCC3E1 - #EFEDF6 | 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 #CCC3E1 to #EFEDF6

#CCC3E1 #EFEDF6

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

#CCC3E1 - #EFEDF6 | 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 #CCC3E1 as 0% and #EFEDF6 as 100%.

0.0%	0.0% #CCC3E1	RGB 204 195 225	#CCC3E1
16.7%	16.7% #D1CAE4	RGB 209 202 228	#D1CAE4
33.3%	33.3% #D7D1E8	RGB 215 209 232	#D7D1E8
50.0%	50.0% #DDD8EB	RGB 221 216 235	#DDD8EB
66.7%	66.7% #E3DFEF	RGB 227 223 239	#E3DFEF
83.3%	83.3% #E9E6F2	RGB 233 230 242	#E9E6F2
100.0%	100.0% #EFEDF6	RGB 239 237 246	#EFEDF6

#CCC3E1 #D1CAE4 #D7D1E8 #DDD8EB #E3DFEF #E9E6F2 #EFEDF6

#CCC3E1 - #EFEDF6

HSV Blend

#CCC3E1 - #EFEDF6 | 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 #CCC3E1 as 0% and #EFEDF6 as 100%.

0.0%	0.0% #CCC3E1	RGB 204 195 225	#CCC3E1
16.7%	16.7% #D1C9E4	RGB 209 201 228	#D1C9E4
33.3%	33.3% #D6D0E8	RGB 214 208 232	#D6D0E8
50.0%	50.0% #DCD7EB	RGB 220 215 235	#DCD7EB
66.7%	66.7% #E2DEEF	RGB 226 222 239	#E2DEEF
83.3%	83.3% #E8E5F2	RGB 232 229 242	#E8E5F2
100.0%	100.0% #EFEDF6	RGB 239 237 246	#EFEDF6

#CCC3E1 #D1C9E4 #D6D0E8 #DCD7EB #E2DEEF #E8E5F2 #EFEDF6

#CCC3E1 - #DCD7EB - #EFEDF6

CSS codes

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

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