#CFCDF3 - #886BBD | 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 #CFCDF3 to #886BBD

#CFCDF3 #886BBD

Calculate the color between two colors, #CFCDF3 and #886BBD. 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)

#CFCDF3 - #886BBD | 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 #CFCDF3 as 0% and #886BBD as 100%.

0.0%	0.0% #CFCDF3	RGB 207 205 243	#CFCDF3
16.7%	16.7% #C3BCEA	RGB 195 188 234	#C3BCEA
33.3%	33.3% #B7ACE1	RGB 183 172 225	#B7ACE1
50.0%	50.0% #AB9CD8	RGB 171 156 216	#AB9CD8
66.7%	66.7% #9F8BCF	RGB 159 139 207	#9F8BCF
83.3%	83.3% #937BC6	RGB 147 123 198	#937BC6
100.0%	100.0% #886BBD	RGB 136 107 189	#886BBD

#CFCDF3 #C3BCEA #B7ACE1 #AB9CD8 #9F8BCF #937BC6 #886BBD

#CFCDF3 - #886BBD

HSV Blend

#CFCDF3 - #886BBD | 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 #CFCDF3 as 0% and #886BBD as 100%.

0.0%	0.0% #CFCDF3	RGB 207 205 243	#CFCDF3
16.7%	16.7% #BFBAEA	RGB 191 186 234	#BFBAEA
33.3%	33.3% #B1A9E1	RGB 177 169 225	#B1A9E1
50.0%	50.0% #A598D8	RGB 165 152 216	#A598D8
66.7%	66.7% #9A88CF	RGB 154 136 207	#9A88CF
83.3%	83.3% #9079C6	RGB 144 121 198	#9079C6
100.0%	100.0% #886BBD	RGB 136 107 189	#886BBD

#CFCDF3 #BFBAEA #B1A9E1 #A598D8 #9A88CF #9079C6 #886BBD

#CFCDF3 - #A598D8 - #886BBD

CSS codes

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

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