#CFC3F0 - #845FB8 | 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 #CFC3F0 to #845FB8

#CFC3F0 #845FB8

Calculate the color between two colors, #CFC3F0 and #845FB8. 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)

#CFC3F0 - #845FB8 | 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 #CFC3F0 as 0% and #845FB8 as 100%.

0.0%	0.0% #CFC3F0	RGB 207 195 240	#CFC3F0
16.7%	16.7% #C2B2E6	RGB 194 178 230	#C2B2E6
33.3%	33.3% #B6A1DD	RGB 182 161 221	#B6A1DD
50.0%	50.0% #A991D4	RGB 169 145 212	#A991D4
66.7%	66.7% #9D80CA	RGB 157 128 202	#9D80CA
83.3%	83.3% #906FC1	RGB 144 111 193	#906FC1
100.0%	100.0% #845FB8	RGB 132 95 184	#845FB8

#CFC3F0 #C2B2E6 #B6A1DD #A991D4 #9D80CA #906FC1 #845FB8

#CFC3F0 - #845FB8

HSV Blend

#CFC3F0 - #845FB8 | 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 #CFC3F0 as 0% and #845FB8 as 100%.

0.0%	0.0% #CFC3F0	RGB 207 195 240	#CFC3F0
16.7%	16.7% #BFB0E6	RGB 191 176 230	#BFB0E6
33.3%	33.3% #B29DDD	RGB 178 157 221	#B29DDD
50.0%	50.0% #A58CD4	RGB 165 140 212	#A58CD4
66.7%	66.7% #997CCA	RGB 153 124 202	#997CCA
83.3%	83.3% #8E6DC1	RGB 142 109 193	#8E6DC1
100.0%	100.0% #845FB8	RGB 132 95 184	#845FB8

#CFC3F0 #BFB0E6 #B29DDD #A58CD4 #997CCA #8E6DC1 #845FB8

#CFC3F0 - #A58CD4 - #845FB8

CSS codes

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

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