#C8C8F2 - #6379C0 | 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 #C8C8F2 to #6379C0

#C8C8F2 #6379C0

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

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

0.0%	0.0% #C8C8F2	RGB 200 200 242	#C8C8F2
16.7%	16.7% #B7BAE9	RGB 183 186 233	#B7BAE9
33.3%	33.3% #A6ADE1	RGB 166 173 225	#A6ADE1
50.0%	50.0% #95A0D9	RGB 149 160 217	#95A0D9
66.7%	66.7% #8493D0	RGB 132 147 208	#8493D0
83.3%	83.3% #7386C8	RGB 115 134 200	#7386C8
100.0%	100.0% #6379C0	RGB 99 121 192	#6379C0

#C8C8F2 #B7BAE9 #A6ADE1 #95A0D9 #8493D0 #7386C8 #6379C0

#C8C8F2 - #6379C0

HSV Blend

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

0.0%	0.0% #C8C8F2	RGB 200 200 242	#C8C8F2
16.7%	16.7% #B5B7E9	RGB 181 183 233	#B5B7E9
33.3%	33.3% #A2A7E1	RGB 162 167 225	#A2A7E1
50.0%	50.0% #919AD9	RGB 145 154 217	#919AD9
66.7%	66.7% #818DD0	RGB 129 141 208	#818DD0
83.3%	83.3% #7182C8	RGB 113 130 200	#7182C8
100.0%	100.0% #6379C0	RGB 99 121 192	#6379C0

#C8C8F2 #B5B7E9 #A2A7E1 #919AD9 #818DD0 #7182C8 #6379C0

#C8C8F2 - #919AD9 - #6379C0

CSS codes

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

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