#CAC0CD - #EEEDF0 | 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 #CAC0CD to #EEEDF0

#CAC0CD #EEEDF0

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

#CAC0CD - #EEEDF0 | 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 #CAC0CD as 0% and #EEEDF0 as 100%.

0.0%	0.0% #CAC0CD	RGB 202 192 205	#CAC0CD
16.7%	16.7% #D0C7D2	RGB 208 199 210	#D0C7D2
33.3%	33.3% #D6CFD8	RGB 214 207 216	#D6CFD8
50.0%	50.0% #DCD6DE	RGB 220 214 222	#DCD6DE
66.7%	66.7% #E2DEE4	RGB 226 222 228	#E2DEE4
83.3%	83.3% #E8E5EA	RGB 232 229 234	#E8E5EA
100.0%	100.0% #EEEDF0	RGB 238 237 240	#EEEDF0

#CAC0CD #D0C7D2 #D6CFD8 #DCD6DE #E2DEE4 #E8E5EA #EEEDF0

#CAC0CD - #EEEDF0

HSV Blend

#CAC0CD - #EEEDF0 | 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 #CAC0CD as 0% and #EEEDF0 as 100%.

0.0%	0.0% #CAC0CD	RGB 202 192 205	#CAC0CD
16.7%	16.7% #CFC7D2	RGB 207 199 210	#CFC7D2
33.3%	33.3% #D4CED8	RGB 212 206 216	#D4CED8
50.0%	50.0% #DAD6DE	RGB 218 214 222	#DAD6DE
66.7%	66.7% #E0DDE4	RGB 224 221 228	#E0DDE4
83.3%	83.3% #E7E5EA	RGB 231 229 234	#E7E5EA
100.0%	100.0% #EEEDF0	RGB 238 237 240	#EEEDF0

#CAC0CD #CFC7D2 #D4CED8 #DAD6DE #E0DDE4 #E7E5EA #EEEDF0

#CAC0CD - #DAD6DE - #EEEDF0

CSS codes

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

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