#C8C0E3 - #FFDCFA | 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 #C8C0E3 to #FFDCFA

#C8C0E3 #FFDCFA

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

#C8C0E3 - #FFDCFA | 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 #C8C0E3 as 0% and #FFDCFA as 100%.

0.0%	0.0% #C8C0E3	RGB 200 192 227	#C8C0E3
16.7%	16.7% #D1C4E6	RGB 209 196 230	#D1C4E6
33.3%	33.3% #DAC9EA	RGB 218 201 234	#DAC9EA
50.0%	50.0% #E3CEEE	RGB 227 206 238	#E3CEEE
66.7%	66.7% #ECD2F2	RGB 236 210 242	#ECD2F2
83.3%	83.3% #F5D7F6	RGB 245 215 246	#F5D7F6
100.0%	100.0% #FFDCFA	RGB 255 220 250	#FFDCFA

#C8C0E3 #D1C4E6 #DAC9EA #E3CEEE #ECD2F2 #F5D7F6 #FFDCFA

#C8C0E3 - #FFDCFA

HSV Blend

#C8C0E3 - #FFDCFA | 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 #C8C0E3 as 0% and #FFDCFA as 100%.

0.0%	0.0% #C8C0E3	RGB 200 192 227	#C8C0E3
16.7%	16.7% #D1C4E7	RGB 209 196 231	#D1C4E7
33.3%	33.3% #DBC9EC	RGB 219 201 236	#DBC9EC
50.0%	50.0% #E5CDF1	RGB 229 205 241	#E5CDF1
66.7%	66.7% #EFD2F5	RGB 239 210 245	#EFD2F5
83.3%	83.3% #F9D7FA	RGB 249 215 250	#F9D7FA
100.0%	100.0% #FFDCFA	RGB 255 220 250	#FFDCFA

#C8C0E3 #D1C4E7 #DBC9EC #E5CDF1 #EFD2F5 #F9D7FA #FFDCFA

#C8C0E3 - #E5CDF1 - #FFDCFA

CSS codes

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

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