#CAC3C8 - #FFD0D0 | 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 #CAC3C8 to #FFD0D0

#CAC3C8 #FFD0D0

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

#CAC3C8 - #FFD0D0 | 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 #CAC3C8 as 0% and #FFD0D0 as 100%.

0.0%	0.0% #CAC3C8	RGB 202 195 200	#CAC3C8
16.7%	16.7% #D2C5C9	RGB 210 197 201	#D2C5C9
33.3%	33.3% #DBC7CA	RGB 219 199 202	#DBC7CA
50.0%	50.0% #E4C9CC	RGB 228 201 204	#E4C9CC
66.7%	66.7% #EDCBCD	RGB 237 203 205	#EDCBCD
83.3%	83.3% #F6CDCE	RGB 246 205 206	#F6CDCE
100.0%	100.0% #FFD0D0	RGB 255 208 208	#FFD0D0

#CAC3C8 #D2C5C9 #DBC7CA #E4C9CC #EDCBCD #F6CDCE #FFD0D0

#CAC3C8 - #FFD0D0

HSV Blend

#CAC3C8 - #FFD0D0 | 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 #CAC3C8 as 0% and #FFD0D0 as 100%.

0.0%	0.0% #CAC3C8	RGB 202 195 200	#CAC3C8
16.7%	16.7% #D2C6CD	RGB 210 198 205	#D2C6CD
33.3%	33.3% #DBC9D1	RGB 219 201 209	#DBC9D1
50.0%	50.0% #E4CBD4	RGB 228 203 212	#E4CBD4
66.7%	66.7% #EDCDD5	RGB 237 205 213	#EDCDD5
83.3%	83.3% #F6CED3	RGB 246 206 211	#F6CED3
100.0%	100.0% #FFD0D0	RGB 255 208 208	#FFD0D0

#CAC3C8 #D2C6CD #DBC9D1 #E4CBD4 #EDCDD5 #F6CED3 #FFD0D0

#CAC3C8 - #E4CBD4 - #FFD0D0

CSS codes

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

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