#C4A3C0 - #EEE4ED | 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 #C4A3C0 to #EEE4ED

#C4A3C0 #EEE4ED

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

#C4A3C0 - #EEE4ED | 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 #C4A3C0 as 0% and #EEE4ED as 100%.

0.0%	0.0% #C4A3C0	RGB 196 163 192	#C4A3C0
16.7%	16.7% #CBADC7	RGB 203 173 199	#CBADC7
33.3%	33.3% #D2B8CF	RGB 210 184 207	#D2B8CF
50.0%	50.0% #D9C3D6	RGB 217 195 214	#D9C3D6
66.7%	66.7% #E0CEDE	RGB 224 206 222	#E0CEDE
83.3%	83.3% #E7D9E5	RGB 231 217 229	#E7D9E5
100.0%	100.0% #EEE4ED	RGB 238 228 237	#EEE4ED

#C4A3C0 #CBADC7 #D2B8CF #D9C3D6 #E0CEDE #E7D9E5 #EEE4ED

#C4A3C0 - #EEE4ED

HSV Blend

#C4A3C0 - #EEE4ED | 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 #C4A3C0 as 0% and #EEE4ED as 100%.

0.0%	0.0% #C4A3C0	RGB 196 163 192	#C4A3C0
16.7%	16.7% #CBADC7	RGB 203 173 199	#CBADC7
33.3%	33.3% #D2B7CE	RGB 210 183 206	#D2B7CE
50.0%	50.0% #D9C2D6	RGB 217 194 214	#D9C2D6
66.7%	66.7% #E0CDDD	RGB 224 205 221	#E0CDDD
83.3%	83.3% #E7D8E5	RGB 231 216 229	#E7D8E5
100.0%	100.0% #EEE4ED	RGB 238 228 237	#EEE4ED

#C4A3C0 #CBADC7 #D2B7CE #D9C2D6 #E0CDDD #E7D8E5 #EEE4ED

#C4A3C0 - #D9C2D6 - #EEE4ED

CSS codes

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

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