#C0CCFF - #7868DA | 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 #C0CCFF to #7868DA

#C0CCFF #7868DA

Calculate the color between two colors, #C0CCFF and #7868DA. 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)

#C0CCFF - #7868DA | 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 #C0CCFF as 0% and #7868DA as 100%.

0.0%	0.0% #C0CCFF	RGB 192 204 255	#C0CCFF
16.7%	16.7% #B4BBF8	RGB 180 187 248	#B4BBF8
33.3%	33.3% #A8AAF2	RGB 168 170 242	#A8AAF2
50.0%	50.0% #9C9AEC	RGB 156 154 236	#9C9AEC
66.7%	66.7% #9089E6	RGB 144 137 230	#9089E6
83.3%	83.3% #8478E0	RGB 132 120 224	#8478E0
100.0%	100.0% #7868DA	RGB 120 104 218	#7868DA

#C0CCFF #B4BBF8 #A8AAF2 #9C9AEC #9089E6 #8478E0 #7868DA

#C0CCFF - #7868DA

HSV Blend

#C0CCFF - #7868DA | 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 #C0CCFF as 0% and #7868DA as 100%.

0.0%	0.0% #C0CCFF	RGB 192 204 255	#C0CCFF
16.7%	16.7% #AFB9F8	RGB 175 185 248	#AFB9F8
33.3%	33.3% #A0A6F2	RGB 160 166 242	#A0A6F2
50.0%	50.0% #9193EC	RGB 145 147 236	#9193EC
66.7%	66.7% #8683E6	RGB 134 131 230	#8683E6
83.3%	83.3% #7E75E0	RGB 126 117 224	#7E75E0
100.0%	100.0% #7868DA	RGB 120 104 218	#7868DA

#C0CCFF #AFB9F8 #A0A6F2 #9193EC #8683E6 #7E75E0 #7868DA

#C0CCFF - #9193EC - #7868DA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0CCFF 0%, #9193EC 50%, #7868DA 100%);
    background: -webkit-linear-gradient(top, #C0CCFF 0%, #9193EC 50%, #7868DA 100%);
    background: linear-gradient(to bottom, #C0CCFF 0%, #9193EC 50%, #7868DA 100%);
}
</style>