#CAC7C8 - #EED7E7 | 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 #CAC7C8 to #EED7E7

#CAC7C8 #EED7E7

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

#CAC7C8 - #EED7E7 | 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 #CAC7C8 as 0% and #EED7E7 as 100%.

0.0%	0.0% #CAC7C8	RGB 202 199 200	#CAC7C8
16.7%	16.7% #D0C9CD	RGB 208 201 205	#D0C9CD
33.3%	33.3% #D6CCD2	RGB 214 204 210	#D6CCD2
50.0%	50.0% #DCCFD7	RGB 220 207 215	#DCCFD7
66.7%	66.7% #E2D1DC	RGB 226 209 220	#E2D1DC
83.3%	83.3% #E8D4E1	RGB 232 212 225	#E8D4E1
100.0%	100.0% #EED7E7	RGB 238 215 231	#EED7E7

#CAC7C8 #D0C9CD #D6CCD2 #DCCFD7 #E2D1DC #E8D4E1 #EED7E7

#CAC7C8 - #EED7E7

HSV Blend

#CAC7C8 - #EED7E7 | 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 #CAC7C8 as 0% and #EED7E7 as 100%.

0.0%	0.0% #CAC7C8	RGB 202 199 200	#CAC7C8
16.7%	16.7% #D0CACC	RGB 208 202 204	#D0CACC
33.3%	33.3% #D6CCD1	RGB 214 204 209	#D6CCD1
50.0%	50.0% #DCCFD6	RGB 220 207 214	#DCCFD6
66.7%	66.7% #E2D2DB	RGB 226 210 219	#E2D2DB
83.3%	83.3% #E8D4E0	RGB 232 212 224	#E8D4E0
100.0%	100.0% #EED7E7	RGB 238 215 231	#EED7E7

#CAC7C8 #D0CACC #D6CCD1 #DCCFD6 #E2D2DB #E8D4E0 #EED7E7

#CAC7C8 - #DCCFD6 - #EED7E7

CSS codes

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

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