#C68CE5 - #FFDAE2 | 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 #C68CE5 to #FFDAE2

#C68CE5 #FFDAE2

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

#C68CE5 - #FFDAE2 | 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 #C68CE5 as 0% and #FFDAE2 as 100%.

0.0%	0.0% #C68CE5	RGB 198 140 229	#C68CE5
16.7%	16.7% #CF99E4	RGB 207 153 228	#CF99E4
33.3%	33.3% #D9A6E4	RGB 217 166 228	#D9A6E4
50.0%	50.0% #E2B3E3	RGB 226 179 227	#E2B3E3
66.7%	66.7% #ECC0E3	RGB 236 192 227	#ECC0E3
83.3%	83.3% #F5CDE2	RGB 245 205 226	#F5CDE2
100.0%	100.0% #FFDAE2	RGB 255 218 226	#FFDAE2

#C68CE5 #CF99E4 #D9A6E4 #E2B3E3 #ECC0E3 #F5CDE2 #FFDAE2

#C68CE5 - #FFDAE2

HSV Blend

#C68CE5 - #FFDAE2 | 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 #C68CE5 as 0% and #FFDAE2 as 100%.

0.0%	0.0% #C68CE5	RGB 198 140 229	#C68CE5
16.7%	16.7% #DC98E9	RGB 220 152 233	#DC98E9
33.3%	33.3% #EDA4EB	RGB 237 164 235	#EDA4EB
50.0%	50.0% #F2B1E3	RGB 242 177 227	#F2B1E3
66.7%	66.7% #F6BEDF	RGB 246 190 223	#F6BEDF
83.3%	83.3% #FACCDE	RGB 250 204 222	#FACCDE
100.0%	100.0% #FFDAE2	RGB 255 218 226	#FFDAE2

#C68CE5 #DC98E9 #EDA4EB #F2B1E3 #F6BEDF #FACCDE #FFDAE2

#C68CE5 - #F2B1E3 - #FFDAE2

CSS codes

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

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