#C878DA - #680C95 | 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 #C878DA to #680C95

#C878DA #680C95

Calculate the color between two colors, #C878DA and #680C95. 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)

#C878DA - #680C95 | 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 #C878DA as 0% and #680C95 as 100%.

0.0%	0.0% #C878DA	RGB 200 120 218	#C878DA
16.7%	16.7% #B866CE	RGB 184 102 206	#B866CE
33.3%	33.3% #A854C3	RGB 168 84 195	#A854C3
50.0%	50.0% #9842B7	RGB 152 66 183	#9842B7
66.7%	66.7% #8830AC	RGB 136 48 172	#8830AC
83.3%	83.3% #781EA0	RGB 120 30 160	#781EA0
100.0%	100.0% #680C95	RGB 104 12 149	#680C95

#C878DA #B866CE #A854C3 #9842B7 #8830AC #781EA0 #680C95

#C878DA - #680C95

HSV Blend

#C878DA - #680C95 | 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 #C878DA as 0% and #680C95 as 100%.

0.0%	0.0% #C878DA	RGB 200 120 218	#C878DA
16.7%	16.7% #B761CE	RGB 183 97 206	#B761CE
33.3%	33.3% #A74CC3	RGB 167 76 195	#A74CC3
50.0%	50.0% #9739B7	RGB 151 57 183	#9739B7
66.7%	66.7% #8728AC	RGB 135 40 172	#8728AC
83.3%	83.3% #7719A0	RGB 119 25 160	#7719A0
100.0%	100.0% #680C95	RGB 104 12 149	#680C95

#C878DA #B761CE #A74CC3 #9739B7 #8728AC #7719A0 #680C95

#C878DA - #9739B7 - #680C95

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C878DA 0%, #9739B7 50%, #680C95 100%);
    background: -webkit-linear-gradient(top, #C878DA 0%, #9739B7 50%, #680C95 100%);
    background: linear-gradient(to bottom, #C878DA 0%, #9739B7 50%, #680C95 100%);
}
</style>