#C8A2B7 - #FFE4CE | 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 #C8A2B7 to #FFE4CE

#C8A2B7 #FFE4CE

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

#C8A2B7 - #FFE4CE | 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 #C8A2B7 as 0% and #FFE4CE as 100%.

0.0%	0.0% #C8A2B7	RGB 200 162 183	#C8A2B7
16.7%	16.7% #D1ADBA	RGB 209 173 186	#D1ADBA
33.3%	33.3% #DAB8BE	RGB 218 184 190	#DAB8BE
50.0%	50.0% #E3C3C2	RGB 227 195 194	#E3C3C2
66.7%	66.7% #ECCEC6	RGB 236 206 198	#ECCEC6
83.3%	83.3% #F5D9CA	RGB 245 217 202	#F5D9CA
100.0%	100.0% #FFE4CE	RGB 255 228 206	#FFE4CE

#C8A2B7 #D1ADBA #DAB8BE #E3C3C2 #ECCEC6 #F5D9CA #FFE4CE

#C8A2B7 - #FFE4CE

HSV Blend

#C8A2B7 - #FFE4CE | 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 #C8A2B7 as 0% and #FFE4CE as 100%.

0.0%	0.0% #C8A2B7	RGB 200 162 183	#C8A2B7
16.7%	16.7% #D1A9B8	RGB 209 169 184	#D1A9B8
33.3%	33.3% #DAB0B9	RGB 218 176 185	#DAB0B9
50.0%	50.0% #E3B8BA	RGB 227 184 186	#E3B8BA
66.7%	66.7% #ECC4BF	RGB 236 196 191	#ECC4BF
83.3%	83.3% #F5D3C6	RGB 245 211 198	#F5D3C6
100.0%	100.0% #FFE4CE	RGB 255 228 206	#FFE4CE

#C8A2B7 #D1A9B8 #DAB0B9 #E3B8BA #ECC4BF #F5D3C6 #FFE4CE

#C8A2B7 - #E3B8BA - #FFE4CE

CSS codes

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

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