#C2A8A2 - #FFE4C0 | 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 #C2A8A2 to #FFE4C0

#C2A8A2 #FFE4C0

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

#C2A8A2 - #FFE4C0 | 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 #C2A8A2 as 0% and #FFE4C0 as 100%.

0.0%	0.0% #C2A8A2	RGB 194 168 162	#C2A8A2
16.7%	16.7% #CCB2A7	RGB 204 178 167	#CCB2A7
33.3%	33.3% #D6BCAC	RGB 214 188 172	#D6BCAC
50.0%	50.0% #E0C6B1	RGB 224 198 177	#E0C6B1
66.7%	66.7% #EAD0B6	RGB 234 208 182	#EAD0B6
83.3%	83.3% #F4DABB	RGB 244 218 187	#F4DABB
100.0%	100.0% #FFE4C0	RGB 255 228 192	#FFE4C0

#C2A8A2 #CCB2A7 #D6BCAC #E0C6B1 #EAD0B6 #F4DABB #FFE4C0

#C2A8A2 - #FFE4C0

HSV Blend

#C2A8A2 - #FFE4C0 | 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 #C2A8A2 as 0% and #FFE4C0 as 100%.

0.0%	0.0% #C2A8A2	RGB 194 168 162	#C2A8A2
16.7%	16.7% #CCB0A7	RGB 204 176 167	#CCB0A7
33.3%	33.3% #D6BAAD	RGB 214 186 173	#D6BAAD
50.0%	50.0% #E0C3B2	RGB 224 195 178	#E0C3B2
66.7%	66.7% #EACDB7	RGB 234 205 183	#EACDB7
83.3%	83.3% #F4D8BB	RGB 244 216 187	#F4D8BB
100.0%	100.0% #FFE4C0	RGB 255 228 192	#FFE4C0

#C2A8A2 #CCB0A7 #D6BAAD #E0C3B2 #EACDB7 #F4D8BB #FFE4C0

#C2A8A2 - #E0C3B2 - #FFE4C0

CSS codes

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

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