#C8C8F1 - #6379BF | 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 #C8C8F1 to #6379BF

#C8C8F1 #6379BF

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

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

0.0%	0.0% #C8C8F1	RGB 200 200 241	#C8C8F1
16.7%	16.7% #B7BAE8	RGB 183 186 232	#B7BAE8
33.3%	33.3% #A6ADE0	RGB 166 173 224	#A6ADE0
50.0%	50.0% #95A0D8	RGB 149 160 216	#95A0D8
66.7%	66.7% #8493CF	RGB 132 147 207	#8493CF
83.3%	83.3% #7386C7	RGB 115 134 199	#7386C7
100.0%	100.0% #6379BF	RGB 99 121 191	#6379BF

#C8C8F1 #B7BAE8 #A6ADE0 #95A0D8 #8493CF #7386C7 #6379BF

#C8C8F1 - #6379BF

HSV Blend

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

0.0%	0.0% #C8C8F1	RGB 200 200 241	#C8C8F1
16.7%	16.7% #B5B7E8	RGB 181 183 232	#B5B7E8
33.3%	33.3% #A2A7E0	RGB 162 167 224	#A2A7E0
50.0%	50.0% #919AD8	RGB 145 154 216	#919AD8
66.7%	66.7% #818DCF	RGB 129 141 207	#818DCF
83.3%	83.3% #7182C7	RGB 113 130 199	#7182C7
100.0%	100.0% #6379BF	RGB 99 121 191	#6379BF

#C8C8F1 #B5B7E8 #A2A7E0 #919AD8 #818DCF #7182C7 #6379BF

#C8C8F1 - #919AD8 - #6379BF

CSS codes

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

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