#C796C7 - #6B397E | 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 #C796C7 to #6B397E

#C796C7 #6B397E

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

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

0.0%	0.0% #C796C7	RGB 199 150 199	#C796C7
16.7%	16.7% #B786BA	RGB 183 134 186	#B786BA
33.3%	33.3% #A877AE	RGB 168 119 174	#A877AE
50.0%	50.0% #9967A2	RGB 153 103 162	#9967A2
66.7%	66.7% #895896	RGB 137 88 150	#895896
83.3%	83.3% #7A488A	RGB 122 72 138	#7A488A
100.0%	100.0% #6B397E	RGB 107 57 126	#6B397E

#C796C7 #B786BA #A877AE #9967A2 #895896 #7A488A #6B397E

#C796C7 - #6B397E

HSV Blend

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

0.0%	0.0% #C796C7	RGB 199 150 199	#C796C7
16.7%	16.7% #B883BA	RGB 184 131 186	#B883BA
33.3%	33.3% #A972AE	RGB 169 114 174	#A972AE
50.0%	50.0% #9961A2	RGB 153 97 162	#9961A2
66.7%	66.7% #895396	RGB 137 83 150	#895396
83.3%	83.3% #7A458A	RGB 122 69 138	#7A458A
100.0%	100.0% #6B397E	RGB 107 57 126	#6B397E

#C796C7 #B883BA #A972AE #9961A2 #895396 #7A458A #6B397E

#C796C7 - #9961A2 - #6B397E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C796C7 0%, #9961A2 50%, #6B397E 100%);
    background: -webkit-linear-gradient(top, #C796C7 0%, #9961A2 50%, #6B397E 100%);
    background: linear-gradient(to bottom, #C796C7 0%, #9961A2 50%, #6B397E 100%);
}
</style>