#CCCCE4 - #817BD2 | 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 #CCCCE4 to #817BD2

#CCCCE4 #817BD2

Calculate the color between two colors, #CCCCE4 and #817BD2. 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)

#CCCCE4 - #817BD2 | 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 #CCCCE4 as 0% and #817BD2 as 100%.

0.0%	0.0% #CCCCE4	RGB 204 204 228	#CCCCE4
16.7%	16.7% #BFBEE1	RGB 191 190 225	#BFBEE1
33.3%	33.3% #B3B1DE	RGB 179 177 222	#B3B1DE
50.0%	50.0% #A6A3DB	RGB 166 163 219	#A6A3DB
66.7%	66.7% #9A96D8	RGB 154 150 216	#9A96D8
83.3%	83.3% #8D88D5	RGB 141 136 213	#8D88D5
100.0%	100.0% #817BD2	RGB 129 123 210	#817BD2

#CCCCE4 #BFBEE1 #B3B1DE #A6A3DB #9A96D8 #8D88D5 #817BD2

#CCCCE4 - #817BD2

HSV Blend

#CCCCE4 - #817BD2 | 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 #CCCCE4 as 0% and #817BD2 as 100%.

0.0%	0.0% #CCCCE4	RGB 204 204 228	#CCCCE4
16.7%	16.7% #BEBDE1	RGB 190 189 225	#BEBDE1
33.3%	33.3% #B0AFDE	RGB 176 175 222	#B0AFDE
50.0%	50.0% #A4A2DB	RGB 164 162 219	#A4A2DB
66.7%	66.7% #9794D8	RGB 151 148 216	#9794D8
83.3%	83.3% #8C87D5	RGB 140 135 213	#8C87D5
100.0%	100.0% #817BD2	RGB 129 123 210	#817BD2

#CCCCE4 #BEBDE1 #B0AFDE #A4A2DB #9794D8 #8C87D5 #817BD2

#CCCCE4 - #A4A2DB - #817BD2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CCCCE4 0%, #A4A2DB 50%, #817BD2 100%);
    background: -webkit-linear-gradient(top, #CCCCE4 0%, #A4A2DB 50%, #817BD2 100%);
    background: linear-gradient(to bottom, #CCCCE4 0%, #A4A2DB 50%, #817BD2 100%);
}
</style>