#CFCDF2 - #896CBB | 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 #CFCDF2 to #896CBB

#CFCDF2 #896CBB

Calculate the color between two colors, #CFCDF2 and #896CBB. 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)

#CFCDF2 - #896CBB | 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 #CFCDF2 as 0% and #896CBB as 100%.

0.0%	0.0% #CFCDF2	RGB 207 205 242	#CFCDF2
16.7%	16.7% #C3BCE8	RGB 195 188 232	#C3BCE8
33.3%	33.3% #B7ACDF	RGB 183 172 223	#B7ACDF
50.0%	50.0% #AC9CD6	RGB 172 156 214	#AC9CD6
66.7%	66.7% #A08CCD	RGB 160 140 205	#A08CCD
83.3%	83.3% #947CC4	RGB 148 124 196	#947CC4
100.0%	100.0% #896CBB	RGB 137 108 187	#896CBB

#CFCDF2 #C3BCE8 #B7ACDF #AC9CD6 #A08CCD #947CC4 #896CBB

#CFCDF2 - #896CBB

HSV Blend

#CFCDF2 - #896CBB | 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 #CFCDF2 as 0% and #896CBB as 100%.

0.0%	0.0% #CFCDF2	RGB 207 205 242	#CFCDF2
16.7%	16.7% #BFBAE8	RGB 191 186 232	#BFBAE8
33.3%	33.3% #B1A9DF	RGB 177 169 223	#B1A9DF
50.0%	50.0% #A598D6	RGB 165 152 214	#A598D6
66.7%	66.7% #9A89CD	RGB 154 137 205	#9A89CD
83.3%	83.3% #917AC4	RGB 145 122 196	#917AC4
100.0%	100.0% #896CBB	RGB 137 108 187	#896CBB

#CFCDF2 #BFBAE8 #B1A9DF #A598D6 #9A89CD #917AC4 #896CBB

#CFCDF2 - #A598D6 - #896CBB

CSS codes

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

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