#523ECC - #CCC7F0 | 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 #523ECC to #CCC7F0

#523ECC #CCC7F0

Calculate the color between two colors, #523ECC and #CCC7F0. 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)

#523ECC - #CCC7F0 | 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 #523ECC as 0% and #CCC7F0 as 100%.

0.0%	0.0% #523ECC	RGB 82 62 204	#523ECC
16.7%	16.7% #6654D2	RGB 102 84 210	#6654D2
33.3%	33.3% #7A6BD8	RGB 122 107 216	#7A6BD8
50.0%	50.0% #8F82DE	RGB 143 130 222	#8F82DE
66.7%	66.7% #A399E4	RGB 163 153 228	#A399E4
83.3%	83.3% #B7B0EA	RGB 183 176 234	#B7B0EA
100.0%	100.0% #CCC7F0	RGB 204 199 240	#CCC7F0

#523ECC #6654D2 #7A6BD8 #8F82DE #A399E4 #B7B0EA #CCC7F0

#523ECC - #CCC7F0

HSV Blend

#523ECC - #CCC7F0 | 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 #523ECC as 0% and #CCC7F0 as 100%.

0.0%	0.0% #523ECC	RGB 82 62 204	#523ECC
16.7%	16.7% #6352D2	RGB 99 82 210	#6352D2
33.3%	33.3% #7667D8	RGB 118 103 216	#7667D8
50.0%	50.0% #8A7DDE	RGB 138 125 222	#8A7DDE
66.7%	66.7% #9F95E4	RGB 159 149 228	#9F95E4
83.3%	83.3% #B5ADEA	RGB 181 173 234	#B5ADEA
100.0%	100.0% #CCC7F0	RGB 204 199 240	#CCC7F0

#523ECC #6352D2 #7667D8 #8A7DDE #9F95E4 #B5ADEA #CCC7F0

#523ECC - #8A7DDE - #CCC7F0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #523ECC 0%, #8A7DDE 50%, #CCC7F0 100%);
    background: -webkit-linear-gradient(top, #523ECC 0%, #8A7DDE 50%, #CCC7F0 100%);
    background: linear-gradient(to bottom, #523ECC 0%, #8A7DDE 50%, #CCC7F0 100%);
}
</style>