#CCC2FF - #8058CF | 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 #CCC2FF to #8058CF

#CCC2FF #8058CF

Calculate the color between two colors, #CCC2FF and #8058CF. 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)

#CCC2FF - #8058CF | 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 #CCC2FF as 0% and #8058CF as 100%.

0.0%	0.0% #CCC2FF	RGB 204 194 255	#CCC2FF
16.7%	16.7% #BFB0F7	RGB 191 176 247	#BFB0F7
33.3%	33.3% #B29EEF	RGB 178 158 239	#B29EEF
50.0%	50.0% #A68DE7	RGB 166 141 231	#A68DE7
66.7%	66.7% #997BDF	RGB 153 123 223	#997BDF
83.3%	83.3% #8C69D7	RGB 140 105 215	#8C69D7
100.0%	100.0% #8058CF	RGB 128 88 207	#8058CF

#CCC2FF #BFB0F7 #B29EEF #A68DE7 #997BDF #8C69D7 #8058CF

#CCC2FF - #8058CF

HSV Blend

#CCC2FF - #8058CF | 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 #CCC2FF as 0% and #8058CF as 100%.

0.0%	0.0% #CCC2FF	RGB 204 194 255	#CCC2FF
16.7%	16.7% #BCAEF7	RGB 188 174 247	#BCAEF7
33.3%	33.3% #AD9BEF	RGB 173 155 239	#AD9BEF
50.0%	50.0% #A088E7	RGB 160 136 231	#A088E7
66.7%	66.7% #9477DF	RGB 148 119 223	#9477DF
83.3%	83.3% #8967D7	RGB 137 103 215	#8967D7
100.0%	100.0% #8058CF	RGB 128 88 207	#8058CF

#CCC2FF #BCAEF7 #AD9BEF #A088E7 #9477DF #8967D7 #8058CF

#CCC2FF - #A088E7 - #8058CF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CCC2FF 0%, #A088E7 50%, #8058CF 100%);
    background: -webkit-linear-gradient(top, #CCC2FF 0%, #A088E7 50%, #8058CF 100%);
    background: linear-gradient(to bottom, #CCC2FF 0%, #A088E7 50%, #8058CF 100%);
}
</style>