#C6C7E3 - #6E6BBA | 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 #C6C7E3 to #6E6BBA

#C6C7E3 #6E6BBA

Calculate the color between two colors, #C6C7E3 and #6E6BBA. 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)

#C6C7E3 - #6E6BBA | 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 #C6C7E3 as 0% and #6E6BBA as 100%.

0.0%	0.0% #C6C7E3	RGB 198 199 227	#C6C7E3
16.7%	16.7% #B7B7DC	RGB 183 183 220	#B7B7DC
33.3%	33.3% #A8A8D5	RGB 168 168 213	#A8A8D5
50.0%	50.0% #9A99CE	RGB 154 153 206	#9A99CE
66.7%	66.7% #8B89C7	RGB 139 137 199	#8B89C7
83.3%	83.3% #7C7AC0	RGB 124 122 192	#7C7AC0
100.0%	100.0% #6E6BBA	RGB 110 107 186	#6E6BBA

#C6C7E3 #B7B7DC #A8A8D5 #9A99CE #8B89C7 #7C7AC0 #6E6BBA

#C6C7E3 - #6E6BBA

HSV Blend

#C6C7E3 - #6E6BBA | 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 #C6C7E3 as 0% and #6E6BBA as 100%.

0.0%	0.0% #C6C7E3	RGB 198 199 227	#C6C7E3
16.7%	16.7% #B5B6DC	RGB 181 182 220	#B5B6DC
33.3%	33.3% #A4A5D5	RGB 164 165 213	#A4A5D5
50.0%	50.0% #9595CE	RGB 149 149 206	#9595CE
66.7%	66.7% #8786C7	RGB 135 134 199	#8786C7
83.3%	83.3% #7A78C0	RGB 122 120 192	#7A78C0
100.0%	100.0% #6E6BBA	RGB 110 107 186	#6E6BBA

#C6C7E3 #B5B6DC #A4A5D5 #9595CE #8786C7 #7A78C0 #6E6BBA

#C6C7E3 - #9595CE - #6E6BBA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C6C7E3 0%, #9595CE 50%, #6E6BBA 100%);
    background: -webkit-linear-gradient(top, #C6C7E3 0%, #9595CE 50%, #6E6BBA 100%);
    background: linear-gradient(to bottom, #C6C7E3 0%, #9595CE 50%, #6E6BBA 100%);
}
</style>