#C464B8 - #8D0068 | 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 #C464B8 to #8D0068

#C464B8 #8D0068

Calculate the color between two colors, #C464B8 and #8D0068. 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)

#C464B8 - #8D0068 | 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 #C464B8 as 0% and #8D0068 as 100%.

0.0%	0.0% #C464B8	RGB 196 100 184	#C464B8
16.7%	16.7% #BA53AA	RGB 186 83 170	#BA53AA
33.3%	33.3% #B1429D	RGB 177 66 157	#B1429D
50.0%	50.0% #A83290	RGB 168 50 144	#A83290
66.7%	66.7% #9F2182	RGB 159 33 130	#9F2182
83.3%	83.3% #961075	RGB 150 16 117	#961075
100.0%	100.0% #8D0068	RGB 141 0 104	#8D0068

#C464B8 #BA53AA #B1429D #A83290 #9F2182 #961075 #8D0068

#C464B8 - #8D0068

HSV Blend

#C464B8 - #8D0068 | 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 #C464B8 as 0% and #8D0068 as 100%.

0.0%	0.0% #C464B8	RGB 196 100 184	#C464B8
16.7%	16.7% #BA4FAA	RGB 186 79 170	#BA4FAA
33.3%	33.3% #B13C9D	RGB 177 60 157	#B13C9D
50.0%	50.0% #A82A90	RGB 168 42 144	#A82A90
66.7%	66.7% #9F1B82	RGB 159 27 130	#9F1B82
83.3%	83.3% #960C75	RGB 150 12 117	#960C75
100.0%	100.0% #8D0068	RGB 141 0 104	#8D0068

#C464B8 #BA4FAA #B13C9D #A82A90 #9F1B82 #960C75 #8D0068

#C464B8 - #A82A90 - #8D0068

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C464B8 0%, #A82A90 50%, #8D0068 100%);
    background: -webkit-linear-gradient(top, #C464B8 0%, #A82A90 50%, #8D0068 100%);
    background: linear-gradient(to bottom, #C464B8 0%, #A82A90 50%, #8D0068 100%);
}
</style>