#C8C8F3 - #6379C2 | 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 #C8C8F3 to #6379C2

#C8C8F3 #6379C2

Calculate the color between two colors, #C8C8F3 and #6379C2. 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)

#C8C8F3 - #6379C2 | 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 #C8C8F3 as 0% and #6379C2 as 100%.

0.0%	0.0% #C8C8F3	RGB 200 200 243	#C8C8F3
16.7%	16.7% #B7BAEA	RGB 183 186 234	#B7BAEA
33.3%	33.3% #A6ADE2	RGB 166 173 226	#A6ADE2
50.0%	50.0% #95A0DA	RGB 149 160 218	#95A0DA
66.7%	66.7% #8493D2	RGB 132 147 210	#8493D2
83.3%	83.3% #7386CA	RGB 115 134 202	#7386CA
100.0%	100.0% #6379C2	RGB 99 121 194	#6379C2

#C8C8F3 #B7BAEA #A6ADE2 #95A0DA #8493D2 #7386CA #6379C2

#C8C8F3 - #6379C2

HSV Blend

#C8C8F3 - #6379C2 | 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 #C8C8F3 as 0% and #6379C2 as 100%.

0.0%	0.0% #C8C8F3	RGB 200 200 243	#C8C8F3
16.7%	16.7% #B5B7EA	RGB 181 183 234	#B5B7EA
33.3%	33.3% #A2A7E2	RGB 162 167 226	#A2A7E2
50.0%	50.0% #919ADA	RGB 145 154 218	#919ADA
66.7%	66.7% #818DD2	RGB 129 141 210	#818DD2
83.3%	83.3% #7182CA	RGB 113 130 202	#7182CA
100.0%	100.0% #6379C2	RGB 99 121 194	#6379C2

#C8C8F3 #B5B7EA #A2A7E2 #919ADA #818DD2 #7182CA #6379C2

#C8C8F3 - #919ADA - #6379C2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8C8F3 0%, #919ADA 50%, #6379C2 100%);
    background: -webkit-linear-gradient(top, #C8C8F3 0%, #919ADA 50%, #6379C2 100%);
    background: linear-gradient(to bottom, #C8C8F3 0%, #919ADA 50%, #6379C2 100%);
}
</style>