#CFCBFF - #8665D0 | 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 #CFCBFF to #8665D0

#CFCBFF #8665D0

Calculate the color between two colors, #CFCBFF and #8665D0. 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)

#CFCBFF - #8665D0 | 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 #CFCBFF as 0% and #8665D0 as 100%.

0.0%	0.0% #CFCBFF	RGB 207 203 255	#CFCBFF
16.7%	16.7% #C2BAF7	RGB 194 186 247	#C2BAF7
33.3%	33.3% #B6A9EF	RGB 182 169 239	#B6A9EF
50.0%	50.0% #AA98E7	RGB 170 152 231	#AA98E7
66.7%	66.7% #9E87DF	RGB 158 135 223	#9E87DF
83.3%	83.3% #9276D7	RGB 146 118 215	#9276D7
100.0%	100.0% #8665D0	RGB 134 101 208	#8665D0

#CFCBFF #C2BAF7 #B6A9EF #AA98E7 #9E87DF #9276D7 #8665D0

#CFCBFF - #8665D0

HSV Blend

#CFCBFF - #8665D0 | 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 #CFCBFF as 0% and #8665D0 as 100%.

0.0%	0.0% #CFCBFF	RGB 207 203 255	#CFCBFF
16.7%	16.7% #BFB7F7	RGB 191 183 247	#BFB7F7
33.3%	33.3% #B1A5EF	RGB 177 165 239	#B1A5EF
50.0%	50.0% #A494E7	RGB 164 148 231	#A494E7
66.7%	66.7% #9983DF	RGB 153 131 223	#9983DF
83.3%	83.3% #8E73D7	RGB 142 115 215	#8E73D7
100.0%	100.0% #8665D0	RGB 134 101 208	#8665D0

#CFCBFF #BFB7F7 #B1A5EF #A494E7 #9983DF #8E73D7 #8665D0

#CFCBFF - #A494E7 - #8665D0

CSS codes

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

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