#C8C8F9 - #6277CB | 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 #C8C8F9 to #6277CB

#C8C8F9 #6277CB

Calculate the color between two colors, #C8C8F9 and #6277CB. 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)

#C8C8F9 - #6277CB | 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 #C8C8F9 as 0% and #6277CB as 100%.

0.0%	0.0% #C8C8F9	RGB 200 200 249	#C8C8F9
16.7%	16.7% #B7BAF1	RGB 183 186 241	#B7BAF1
33.3%	33.3% #A6ADE9	RGB 166 173 233	#A6ADE9
50.0%	50.0% #959FE2	RGB 149 159 226	#959FE2
66.7%	66.7% #8492DA	RGB 132 146 218	#8492DA
83.3%	83.3% #7384D2	RGB 115 132 210	#7384D2
100.0%	100.0% #6277CB	RGB 98 119 203	#6277CB

#C8C8F9 #B7BAF1 #A6ADE9 #959FE2 #8492DA #7384D2 #6277CB

#C8C8F9 - #6277CB

HSV Blend

#C8C8F9 - #6277CB | 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 #C8C8F9 as 0% and #6277CB as 100%.

0.0%	0.0% #C8C8F9	RGB 200 200 249	#C8C8F9
16.7%	16.7% #B4B6F1	RGB 180 182 241	#B4B6F1
33.3%	33.3% #A2A7E9	RGB 162 167 233	#A2A7E9
50.0%	50.0% #9199E2	RGB 145 153 226	#9199E2
66.7%	66.7% #808CDA	RGB 128 140 218	#808CDA
83.3%	83.3% #7081D2	RGB 112 129 210	#7081D2
100.0%	100.0% #6277CB	RGB 98 119 203	#6277CB

#C8C8F9 #B4B6F1 #A2A7E9 #9199E2 #808CDA #7081D2 #6277CB

#C8C8F9 - #9199E2 - #6277CB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8C8F9 0%, #9199E2 50%, #6277CB 100%);
    background: -webkit-linear-gradient(top, #C8C8F9 0%, #9199E2 50%, #6277CB 100%);
    background: linear-gradient(to bottom, #C8C8F9 0%, #9199E2 50%, #6277CB 100%);
}
</style>