#CCC4EB - #8362B1 | 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 #CCC4EB to #8362B1

#CCC4EB #8362B1

Calculate the color between two colors, #CCC4EB and #8362B1. 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)

#CCC4EB - #8362B1 | 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 #CCC4EB as 0% and #8362B1 as 100%.

0.0%	0.0% #CCC4EB	RGB 204 196 235	#CCC4EB
16.7%	16.7% #BFB3E1	RGB 191 179 225	#BFB3E1
33.3%	33.3% #B3A3D7	RGB 179 163 215	#B3A3D7
50.0%	50.0% #A793CE	RGB 167 147 206	#A793CE
66.7%	66.7% #9B82C4	RGB 155 130 196	#9B82C4
83.3%	83.3% #8F72BA	RGB 143 114 186	#8F72BA
100.0%	100.0% #8362B1	RGB 131 98 177	#8362B1

#CCC4EB #BFB3E1 #B3A3D7 #A793CE #9B82C4 #8F72BA #8362B1

#CCC4EB - #8362B1

HSV Blend

#CCC4EB - #8362B1 | 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 #CCC4EB as 0% and #8362B1 as 100%.

0.0%	0.0% #CCC4EB	RGB 204 196 235	#CCC4EB
16.7%	16.7% #BCB1E1	RGB 188 177 225	#BCB1E1
33.3%	33.3% #AF9FD7	RGB 175 159 215	#AF9FD7
50.0%	50.0% #A28ECE	RGB 162 142 206	#A28ECE
66.7%	66.7% #977FC4	RGB 151 127 196	#977FC4
83.3%	83.3% #8C70BA	RGB 140 112 186	#8C70BA
100.0%	100.0% #8362B1	RGB 131 98 177	#8362B1

#CCC4EB #BCB1E1 #AF9FD7 #A28ECE #977FC4 #8C70BA #8362B1

#CCC4EB - #A28ECE - #8362B1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CCC4EB 0%, #A28ECE 50%, #8362B1 100%);
    background: -webkit-linear-gradient(top, #CCC4EB 0%, #A28ECE 50%, #8362B1 100%);
    background: linear-gradient(to bottom, #CCC4EB 0%, #A28ECE 50%, #8362B1 100%);
}
</style>