#C2AFB6 - #FFE6C9 | 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 #C2AFB6 to #FFE6C9

#C2AFB6 #FFE6C9

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

#C2AFB6 - #FFE6C9 | 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 #C2AFB6 as 0% and #FFE6C9 as 100%.

0.0%	0.0% #C2AFB6	RGB 194 175 182	#C2AFB6
16.7%	16.7% #CCB8B9	RGB 204 184 185	#CCB8B9
33.3%	33.3% #D6C1BC	RGB 214 193 188	#D6C1BC
50.0%	50.0% #E0CABF	RGB 224 202 191	#E0CABF
66.7%	66.7% #EAD3C2	RGB 234 211 194	#EAD3C2
83.3%	83.3% #F4DCC5	RGB 244 220 197	#F4DCC5
100.0%	100.0% #FFE6C9	RGB 255 230 201	#FFE6C9

#C2AFB6 #CCB8B9 #D6C1BC #E0CABF #EAD3C2 #F4DCC5 #FFE6C9

#C2AFB6 - #FFE6C9

HSV Blend

#C2AFB6 - #FFE6C9 | 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 #C2AFB6 as 0% and #FFE6C9 as 100%.

0.0%	0.0% #C2AFB6	RGB 194 175 182	#C2AFB6
16.7%	16.7% #CCB4B9	RGB 204 180 185	#CCB4B9
33.3%	33.3% #D6B9BB	RGB 214 185 187	#D6B9BB
50.0%	50.0% #E0C0BD	RGB 224 192 189	#E0C0BD
66.7%	66.7% #EACBC1	RGB 234 203 193	#EACBC1
83.3%	83.3% #F4D7C5	RGB 244 215 197	#F4D7C5
100.0%	100.0% #FFE6C9	RGB 255 230 201	#FFE6C9

#C2AFB6 #CCB4B9 #D6B9BB #E0C0BD #EACBC1 #F4D7C5 #FFE6C9

#C2AFB6 - #E0C0BD - #FFE6C9

CSS codes

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

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