#C78FD3 - #6D2A8D | 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 #C78FD3 to #6D2A8D

#C78FD3 #6D2A8D

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

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

0.0%	0.0% #C78FD3	RGB 199 143 211	#C78FD3
16.7%	16.7% #B87EC7	RGB 184 126 199	#B87EC7
33.3%	33.3% #A96DBB	RGB 169 109 187	#A96DBB
50.0%	50.0% #9A5CB0	RGB 154 92 176	#9A5CB0
66.7%	66.7% #8B4BA4	RGB 139 75 164	#8B4BA4
83.3%	83.3% #7C3A98	RGB 124 58 152	#7C3A98
100.0%	100.0% #6D2A8D	RGB 109 42 141	#6D2A8D

#C78FD3 #B87EC7 #A96DBB #9A5CB0 #8B4BA4 #7C3A98 #6D2A8D

#C78FD3 - #6D2A8D

HSV Blend

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

0.0%	0.0% #C78FD3	RGB 199 143 211	#C78FD3
16.7%	16.7% #B77AC7	RGB 183 122 199	#B77AC7
33.3%	33.3% #A867BB	RGB 168 103 187	#A867BB
50.0%	50.0% #9955B0	RGB 153 85 176	#9955B0
66.7%	66.7% #8A45A4	RGB 138 69 164	#8A45A4
83.3%	83.3% #7B3798	RGB 123 55 152	#7B3798
100.0%	100.0% #6D2A8D	RGB 109 42 141	#6D2A8D

#C78FD3 #B77AC7 #A867BB #9955B0 #8A45A4 #7B3798 #6D2A8D

#C78FD3 - #9955B0 - #6D2A8D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C78FD3 0%, #9955B0 50%, #6D2A8D 100%);
    background: -webkit-linear-gradient(top, #C78FD3 0%, #9955B0 50%, #6D2A8D 100%);
    background: linear-gradient(to bottom, #C78FD3 0%, #9955B0 50%, #6D2A8D 100%);
}
</style>