#CCCCFA - #8178EB | 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 #CCCCFA to #8178EB

#CCCCFA #8178EB

Calculate the color between two colors, #CCCCFA and #8178EB. 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)

#CCCCFA - #8178EB | 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 #CCCCFA as 0% and #8178EB as 100%.

0.0%	0.0% #CCCCFA	RGB 204 204 250	#CCCCFA
16.7%	16.7% #BFBEF7	RGB 191 190 247	#BFBEF7
33.3%	33.3% #B3B0F5	RGB 179 176 245	#B3B0F5
50.0%	50.0% #A6A2F2	RGB 166 162 242	#A6A2F2
66.7%	66.7% #9A94F0	RGB 154 148 240	#9A94F0
83.3%	83.3% #8D86ED	RGB 141 134 237	#8D86ED
100.0%	100.0% #8178EB	RGB 129 120 235	#8178EB

#CCCCFA #BFBEF7 #B3B0F5 #A6A2F2 #9A94F0 #8D86ED #8178EB

#CCCCFA - #8178EB

HSV Blend

#CCCCFA - #8178EB | 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 #CCCCFA as 0% and #8178EB as 100%.

0.0%	0.0% #CCCCFA	RGB 204 204 250	#CCCCFA
16.7%	16.7% #BEBDF7	RGB 190 189 247	#BEBDF7
33.3%	33.3% #B0AEF5	RGB 176 174 245	#B0AEF5
50.0%	50.0% #A4A0F2	RGB 164 160 242	#A4A0F2
66.7%	66.7% #9792F0	RGB 151 146 240	#9792F0
83.3%	83.3% #8C85ED	RGB 140 133 237	#8C85ED
100.0%	100.0% #8178EB	RGB 129 120 235	#8178EB

#CCCCFA #BEBDF7 #B0AEF5 #A4A0F2 #9792F0 #8C85ED #8178EB

#CCCCFA - #A4A0F2 - #8178EB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CCCCFA 0%, #A4A0F2 50%, #8178EB 100%);
    background: -webkit-linear-gradient(top, #CCCCFA 0%, #A4A0F2 50%, #8178EB 100%);
    background: linear-gradient(to bottom, #CCCCFA 0%, #A4A0F2 50%, #8178EB 100%);
}
</style>