#C7C5E1 - #6B6FA2 | 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 #C7C5E1 to #6B6FA2

#C7C5E1 #6B6FA2

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

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

0.0%	0.0% #C7C5E1	RGB 199 197 225	#C7C5E1
16.7%	16.7% #B7B6D6	RGB 183 182 214	#B7B6D6
33.3%	33.3% #A8A8CC	RGB 168 168 204	#A8A8CC
50.0%	50.0% #999AC1	RGB 153 154 193	#999AC1
66.7%	66.7% #898BB7	RGB 137 139 183	#898BB7
83.3%	83.3% #7A7DAC	RGB 122 125 172	#7A7DAC
100.0%	100.0% #6B6FA2	RGB 107 111 162	#6B6FA2

#C7C5E1 #B7B6D6 #A8A8CC #999AC1 #898BB7 #7A7DAC #6B6FA2

#C7C5E1 - #6B6FA2

HSV Blend

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

0.0%	0.0% #C7C5E1	RGB 199 197 225	#C7C5E1
16.7%	16.7% #B5B4D6	RGB 181 180 214	#B5B4D6
33.3%	33.3% #A4A3CC	RGB 164 163 204	#A4A3CC
50.0%	50.0% #9494C1	RGB 148 148 193	#9494C1
66.7%	66.7% #8587B7	RGB 133 135 183	#8587B7
83.3%	83.3% #787AAC	RGB 120 122 172	#787AAC
100.0%	100.0% #6B6FA2	RGB 107 111 162	#6B6FA2

#C7C5E1 #B5B4D6 #A4A3CC #9494C1 #8587B7 #787AAC #6B6FA2

#C7C5E1 - #9494C1 - #6B6FA2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7C5E1 0%, #9494C1 50%, #6B6FA2 100%);
    background: -webkit-linear-gradient(top, #C7C5E1 0%, #9494C1 50%, #6B6FA2 100%);
    background: linear-gradient(to bottom, #C7C5E1 0%, #9494C1 50%, #6B6FA2 100%);
}
</style>