#CAC3CC - #EFEDF0 | 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 #CAC3CC to #EFEDF0

#CAC3CC #EFEDF0

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

#CAC3CC - #EFEDF0 | 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 #CAC3CC as 0% and #EFEDF0 as 100%.

0.0%	0.0% #CAC3CC	RGB 202 195 204	#CAC3CC
16.7%	16.7% #D0CAD2	RGB 208 202 210	#D0CAD2
33.3%	33.3% #D6D1D8	RGB 214 209 216	#D6D1D8
50.0%	50.0% #DCD8DE	RGB 220 216 222	#DCD8DE
66.7%	66.7% #E2DFE4	RGB 226 223 228	#E2DFE4
83.3%	83.3% #E8E6EA	RGB 232 230 234	#E8E6EA
100.0%	100.0% #EFEDF0	RGB 239 237 240	#EFEDF0

#CAC3CC #D0CAD2 #D6D1D8 #DCD8DE #E2DFE4 #E8E6EA #EFEDF0

#CAC3CC - #EFEDF0

HSV Blend

#CAC3CC - #EFEDF0 | 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 #CAC3CC as 0% and #EFEDF0 as 100%.

0.0%	0.0% #CAC3CC	RGB 202 195 204	#CAC3CC
16.7%	16.7% #D0C9D2	RGB 208 201 210	#D0C9D2
33.3%	33.3% #D6D0D8	RGB 214 208 216	#D6D0D8
50.0%	50.0% #DCD7DE	RGB 220 215 222	#DCD7DE
66.7%	66.7% #E2DEE4	RGB 226 222 228	#E2DEE4
83.3%	83.3% #E8E5EA	RGB 232 229 234	#E8E5EA
100.0%	100.0% #EFEDF0	RGB 239 237 240	#EFEDF0

#CAC3CC #D0C9D2 #D6D0D8 #DCD7DE #E2DEE4 #E8E5EA #EFEDF0

#CAC3CC - #DCD7DE - #EFEDF0

CSS codes

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

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