#C8CFF7 - #6680C8 | 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 #C8CFF7 to #6680C8

#C8CFF7 #6680C8

Calculate the color between two colors, #C8CFF7 and #6680C8. 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)

#C8CFF7 - #6680C8 | 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 #C8CFF7 as 0% and #6680C8 as 100%.

0.0%	0.0% #C8CFF7	RGB 200 207 247	#C8CFF7
16.7%	16.7% #B7C1EF	RGB 183 193 239	#B7C1EF
33.3%	33.3% #A7B4E7	RGB 167 180 231	#A7B4E7
50.0%	50.0% #97A7DF	RGB 151 167 223	#97A7DF
66.7%	66.7% #869AD7	RGB 134 154 215	#869AD7
83.3%	83.3% #768DCF	RGB 118 141 207	#768DCF
100.0%	100.0% #6680C8	RGB 102 128 200	#6680C8

#C8CFF7 #B7C1EF #A7B4E7 #97A7DF #869AD7 #768DCF #6680C8

#C8CFF7 - #6680C8

HSV Blend

#C8CFF7 - #6680C8 | 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 #C8CFF7 as 0% and #6680C8 as 100%.

0.0%	0.0% #C8CFF7	RGB 200 207 247	#C8CFF7
16.7%	16.7% #B5BFEF	RGB 181 191 239	#B5BFEF
33.3%	33.3% #A4B0E7	RGB 164 176 231	#A4B0E7
50.0%	50.0% #93A3DF	RGB 147 163 223	#93A3DF
66.7%	66.7% #8396D7	RGB 131 150 215	#8396D7
83.3%	83.3% #748ACF	RGB 116 138 207	#748ACF
100.0%	100.0% #6680C8	RGB 102 128 200	#6680C8

#C8CFF7 #B5BFEF #A4B0E7 #93A3DF #8396D7 #748ACF #6680C8

#C8CFF7 - #93A3DF - #6680C8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8CFF7 0%, #93A3DF 50%, #6680C8 100%);
    background: -webkit-linear-gradient(top, #C8CFF7 0%, #93A3DF 50%, #6680C8 100%);
    background: linear-gradient(to bottom, #C8CFF7 0%, #93A3DF 50%, #6680C8 100%);
}
</style>