#CEA8C2 - #884B7B | 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 #CEA8C2 to #884B7B

#CEA8C2 #884B7B

Calculate the color between two colors, #CEA8C2 and #884B7B. 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)

#CEA8C2 - #884B7B | 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 #CEA8C2 as 0% and #884B7B as 100%.

0.0%	0.0% #CEA8C2	RGB 206 168 194	#CEA8C2
16.7%	16.7% #C298B6	RGB 194 152 182	#C298B6
33.3%	33.3% #B689AA	RGB 182 137 170	#B689AA
50.0%	50.0% #AB799E	RGB 171 121 158	#AB799E
66.7%	66.7% #9F6A92	RGB 159 106 146	#9F6A92
83.3%	83.3% #935A86	RGB 147 90 134	#935A86
100.0%	100.0% #884B7B	RGB 136 75 123	#884B7B

#CEA8C2 #C298B6 #B689AA #AB799E #9F6A92 #935A86 #884B7B

#CEA8C2 - #884B7B

HSV Blend

#CEA8C2 - #884B7B | 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 #CEA8C2 as 0% and #884B7B as 100%.

0.0%	0.0% #CEA8C2	RGB 206 168 194	#CEA8C2
16.7%	16.7% #C295B5	RGB 194 149 181	#C295B5
33.3%	33.3% #B684A8	RGB 182 132 168	#B684A8
50.0%	50.0% #AB749C	RGB 171 116 156	#AB749C
66.7%	66.7% #9F6591	RGB 159 101 145	#9F6591
83.3%	83.3% #935785	RGB 147 87 133	#935785
100.0%	100.0% #884B7B	RGB 136 75 123	#884B7B

#CEA8C2 #C295B5 #B684A8 #AB749C #9F6591 #935785 #884B7B

#CEA8C2 - #AB749C - #884B7B

CSS codes

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

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