#C2AFB2 - #FFE4C3 | 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 #C2AFB2 to #FFE4C3

#C2AFB2 #FFE4C3

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

#C2AFB2 - #FFE4C3 | 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 #C2AFB2 as 0% and #FFE4C3 as 100%.

0.0%	0.0% #C2AFB2	RGB 194 175 178	#C2AFB2
16.7%	16.7% #CCB7B4	RGB 204 183 180	#CCB7B4
33.3%	33.3% #D6C0B7	RGB 214 192 183	#D6C0B7
50.0%	50.0% #E0C9BA	RGB 224 201 186	#E0C9BA
66.7%	66.7% #EAD2BD	RGB 234 210 189	#EAD2BD
83.3%	83.3% #F4DBC0	RGB 244 219 192	#F4DBC0
100.0%	100.0% #FFE4C3	RGB 255 228 195	#FFE4C3

#C2AFB2 #CCB7B4 #D6C0B7 #E0C9BA #EAD2BD #F4DBC0 #FFE4C3

#C2AFB2 - #FFE4C3

HSV Blend

#C2AFB2 - #FFE4C3 | 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 #C2AFB2 as 0% and #FFE4C3 as 100%.

0.0%	0.0% #C2AFB2	RGB 194 175 178	#C2AFB2
16.7%	16.7% #CCB3B4	RGB 204 179 180	#CCB3B4
33.3%	33.3% #D6B9B7	RGB 214 185 183	#D6B9B7
50.0%	50.0% #E0C2BB	RGB 224 194 187	#E0C2BB
66.7%	66.7% #EACCBE	RGB 234 204 190	#EACCBE
83.3%	83.3% #F4D7C0	RGB 244 215 192	#F4D7C0
100.0%	100.0% #FFE4C3	RGB 255 228 195	#FFE4C3

#C2AFB2 #CCB3B4 #D6B9B7 #E0C2BB #EACCBE #F4D7C0 #FFE4C3

#C2AFB2 - #E0C2BB - #FFE4C3

CSS codes

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

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