#C2ABC9 - #FFDFC2 | 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 #C2ABC9 to #FFDFC2

#C2ABC9 #FFDFC2

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

#C2ABC9 - #FFDFC2 | 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 #C2ABC9 as 0% and #FFDFC2 as 100%.

0.0%	0.0% #C2ABC9	RGB 194 171 201	#C2ABC9
16.7%	16.7% #CCB3C7	RGB 204 179 199	#CCB3C7
33.3%	33.3% #D6BCC6	RGB 214 188 198	#D6BCC6
50.0%	50.0% #E0C5C5	RGB 224 197 197	#E0C5C5
66.7%	66.7% #EACDC4	RGB 234 205 196	#EACDC4
83.3%	83.3% #F4D6C3	RGB 244 214 195	#F4D6C3
100.0%	100.0% #FFDFC2	RGB 255 223 194	#FFDFC2

#C2ABC9 #CCB3C7 #D6BCC6 #E0C5C5 #EACDC4 #F4D6C3 #FFDFC2

#C2ABC9 - #FFDFC2

HSV Blend

#C2ABC9 - #FFDFC2 | 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 #C2ABC9 as 0% and #FFDFC2 as 100%.

0.0%	0.0% #C2ABC9	RGB 194 171 201	#C2ABC9
16.7%	16.7% #D2AFD0	RGB 210 175 208	#D2AFD0
33.3%	33.3% #DBB3CD	RGB 219 179 205	#DBB3CD
50.0%	50.0% #E4B7C8	RGB 228 183 200	#E4B7C8
66.7%	66.7% #EDBBC0	RGB 237 187 192	#EDBBC0
83.3%	83.3% #F6C9BE	RGB 246 201 190	#F6C9BE
100.0%	100.0% #FFDFC2	RGB 255 223 194	#FFDFC2

#C2ABC9 #D2AFD0 #DBB3CD #E4B7C8 #EDBBC0 #F6C9BE #FFDFC2

#C2ABC9 - #E4B7C8 - #FFDFC2

CSS codes

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

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