#CEA8B2 - #CDBDE2 | 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 #CEA8B2 to #CDBDE2

#CEA8B2 #CDBDE2

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

#CEA8B2 - #CDBDE2 | 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 #CEA8B2 as 0% and #CDBDE2 as 100%.

0.0%	0.0% #CEA8B2	RGB 206 168 178	#CEA8B2
16.7%	16.7% #CDABBA	RGB 205 171 186	#CDABBA
33.3%	33.3% #CDAFC2	RGB 205 175 194	#CDAFC2
50.0%	50.0% #CDB2CA	RGB 205 178 202	#CDB2CA
66.7%	66.7% #CDB6D2	RGB 205 182 210	#CDB6D2
83.3%	83.3% #CDB9DA	RGB 205 185 218	#CDB9DA
100.0%	100.0% #CDBDE2	RGB 205 189 226	#CDBDE2

#CEA8B2 #CDABBA #CDAFC2 #CDB2CA #CDB6D2 #CDB9DA #CDBDE2

#CEA8B2 - #CDBDE2

HSV Blend

#CEA8B2 - #CDBDE2 | 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 #CEA8B2 as 0% and #CDBDE2 as 100%.

0.0%	0.0% #CEA8B2	RGB 206 168 178	#CEA8B2
16.7%	16.7% #D1ABBD	RGB 209 171 189	#D1ABBD
33.3%	33.3% #D4AEC9	RGB 212 174 201	#D4AEC9
50.0%	50.0% #D8B2D4	RGB 216 178 212	#D8B2D4
66.7%	66.7% #D6B5DB	RGB 214 181 219	#D6B5DB
83.3%	83.3% #D1B9DE	RGB 209 185 222	#D1B9DE
100.0%	100.0% #CDBDE2	RGB 205 189 226	#CDBDE2

#CEA8B2 #D1ABBD #D4AEC9 #D8B2D4 #D6B5DB #D1B9DE #CDBDE2

#CEA8B2 - #D8B2D4 - #CDBDE2

CSS codes

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

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