#CFCBFB - #796FD7 | 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 #CFCBFB to #796FD7

#CFCBFB #796FD7

Calculate the color between two colors, #CFCBFB and #796FD7. 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)

#CFCBFB - #796FD7 | 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 #CFCBFB as 0% and #796FD7 as 100%.

0.0%	0.0% #CFCBFB	RGB 207 203 251	#CFCBFB
16.7%	16.7% #C0BBF5	RGB 192 187 245	#C0BBF5
33.3%	33.3% #B2ACEF	RGB 178 172 239	#B2ACEF
50.0%	50.0% #A49DE9	RGB 164 157 233	#A49DE9
66.7%	66.7% #958DE3	RGB 149 141 227	#958DE3
83.3%	83.3% #877EDD	RGB 135 126 221	#877EDD
100.0%	100.0% #796FD7	RGB 121 111 215	#796FD7

#CFCBFB #C0BBF5 #B2ACEF #A49DE9 #958DE3 #877EDD #796FD7

#CFCBFB - #796FD7

HSV Blend

#CFCBFB - #796FD7 | 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 #CFCBFB as 0% and #796FD7 as 100%.

0.0%	0.0% #CFCBFB	RGB 207 203 251	#CFCBFB
16.7%	16.7% #BFBAF5	RGB 191 186 245	#BFBAF5
33.3%	33.3% #B0A9EF	RGB 176 169 239	#B0A9EF
50.0%	50.0% #A19AE9	RGB 161 154 233	#A19AE9
66.7%	66.7% #938BE3	RGB 147 139 227	#938BE3
83.3%	83.3% #857CDD	RGB 133 124 221	#857CDD
100.0%	100.0% #796FD7	RGB 121 111 215	#796FD7

#CFCBFB #BFBAF5 #B0A9EF #A19AE9 #938BE3 #857CDD #796FD7

#CFCBFB - #A19AE9 - #796FD7

CSS codes

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

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