#CEA8C9 - #86498C | 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 #CEA8C9 to #86498C

#CEA8C9 #86498C

Calculate the color between two colors, #CEA8C9 and #86498C. 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)

#CEA8C9 - #86498C | 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 #CEA8C9 as 0% and #86498C as 100%.

0.0%	0.0% #CEA8C9	RGB 206 168 201	#CEA8C9
16.7%	16.7% #C298BE	RGB 194 152 190	#C298BE
33.3%	33.3% #B688B4	RGB 182 136 180	#B688B4
50.0%	50.0% #AA78AA	RGB 170 120 170	#AA78AA
66.7%	66.7% #9E68A0	RGB 158 104 160	#9E68A0
83.3%	83.3% #925896	RGB 146 88 150	#925896
100.0%	100.0% #86498C	RGB 134 73 140	#86498C

#CEA8C9 #C298BE #B688B4 #AA78AA #9E68A0 #925896 #86498C

#CEA8C9 - #86498C

HSV Blend

#CEA8C9 - #86498C | 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 #CEA8C9 as 0% and #86498C as 100%.

0.0%	0.0% #CEA8C9	RGB 206 168 201	#CEA8C9
16.7%	16.7% #C395BE	RGB 195 149 190	#C395BE
33.3%	33.3% #B884B4	RGB 184 132 180	#B884B4
50.0%	50.0% #AD73AB	RGB 173 115 171	#AD73AB
66.7%	66.7% #A164A2	RGB 161 100 162	#A164A2
83.3%	83.3% #935697	RGB 147 86 151	#935697
100.0%	100.0% #86498C	RGB 134 73 140	#86498C

#CEA8C9 #C395BE #B884B4 #AD73AB #A164A2 #935697 #86498C

#CEA8C9 - #AD73AB - #86498C

CSS codes

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

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