#CA79BE - #8C267E | 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 #CA79BE to #8C267E

#CA79BE #8C267E

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

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

0.0%	0.0% #CA79BE	RGB 202 121 190	#CA79BE
16.7%	16.7% #BF6BB3	RGB 191 107 179	#BF6BB3
33.3%	33.3% #B55DA8	RGB 181 93 168	#B55DA8
50.0%	50.0% #AB4F9E	RGB 171 79 158	#AB4F9E
66.7%	66.7% #A04193	RGB 160 65 147	#A04193
83.3%	83.3% #963388	RGB 150 51 136	#963388
100.0%	100.0% #8C267E	RGB 140 38 126	#8C267E

#CA79BE #BF6BB3 #B55DA8 #AB4F9E #A04193 #963388 #8C267E

#CA79BE - #8C267E

HSV Blend

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

0.0%	0.0% #CA79BE	RGB 202 121 190	#CA79BE
16.7%	16.7% #BF68B2	RGB 191 104 178	#BF68B2
33.3%	33.3% #B558A7	RGB 181 88 167	#B558A7
50.0%	50.0% #AB4A9D	RGB 171 74 157	#AB4A9D
66.7%	66.7% #A03D92	RGB 160 61 146	#A03D92
83.3%	83.3% #963188	RGB 150 49 136	#963188
100.0%	100.0% #8C267E	RGB 140 38 126	#8C267E

#CA79BE #BF68B2 #B558A7 #AB4A9D #A03D92 #963188 #8C267E

#CA79BE - #AB4A9D - #8C267E

CSS codes

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

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