#CA79BE - #8C267D | 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 #8C267D

#CA79BE #8C267D

Calculate the color between two colors, #CA79BE and #8C267D. 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 - #8C267D | 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 #8C267D 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% #AB4F9D	RGB 171 79 157	#AB4F9D
66.7%	66.7% #A04192	RGB 160 65 146	#A04192
83.3%	83.3% #963387	RGB 150 51 135	#963387
100.0%	100.0% #8C267D	RGB 140 38 125	#8C267D

#CA79BE #BF6BB3 #B55DA8 #AB4F9D #A04192 #963387 #8C267D

#CA79BE - #8C267D

HSV Blend

#CA79BE - #8C267D | 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 #8C267D 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% #AB4A9C	RGB 171 74 156	#AB4A9C
66.7%	66.7% #A03D91	RGB 160 61 145	#A03D91
83.3%	83.3% #963187	RGB 150 49 135	#963187
100.0%	100.0% #8C267D	RGB 140 38 125	#8C267D

#CA79BE #BF68B2 #B558A7 #AB4A9C #A03D91 #963187 #8C267D

#CA79BE - #AB4A9C - #8C267D

CSS codes

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

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