#CA5EAB - #7E1A64 | 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 #CA5EAB to #7E1A64

#CA5EAB #7E1A64

Calculate the color between two colors, #CA5EAB and #7E1A64. 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)

#CA5EAB - #7E1A64 | 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 #CA5EAB as 0% and #7E1A64 as 100%.

0.0%	0.0% #CA5EAB	RGB 202 94 171	#CA5EAB
16.7%	16.7% #BD529F	RGB 189 82 159	#BD529F
33.3%	33.3% #B04793	RGB 176 71 147	#B04793
50.0%	50.0% #A43C87	RGB 164 60 135	#A43C87
66.7%	66.7% #97307B	RGB 151 48 123	#97307B
83.3%	83.3% #8A256F	RGB 138 37 111	#8A256F
100.0%	100.0% #7E1A64	RGB 126 26 100	#7E1A64

#CA5EAB #BD529F #B04793 #A43C87 #97307B #8A256F #7E1A64

#CA5EAB - #7E1A64

HSV Blend

#CA5EAB - #7E1A64 | 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 #CA5EAB as 0% and #7E1A64 as 100%.

0.0%	0.0% #CA5EAB	RGB 202 94 171	#CA5EAB
16.7%	16.7% #BD4F9E	RGB 189 79 158	#BD4F9E
33.3%	33.3% #B04292	RGB 176 66 146	#B04292
50.0%	50.0% #A43786	RGB 164 55 134	#A43786
66.7%	66.7% #972C7A	RGB 151 44 122	#972C7A
83.3%	83.3% #8A226F	RGB 138 34 111	#8A226F
100.0%	100.0% #7E1A64	RGB 126 26 100	#7E1A64

#CA5EAB #BD4F9E #B04292 #A43786 #972C7A #8A226F #7E1A64

#CA5EAB - #A43786 - #7E1A64

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CA5EAB 0%, #A43786 50%, #7E1A64 100%);
    background: -webkit-linear-gradient(top, #CA5EAB 0%, #A43786 50%, #7E1A64 100%);
    background: linear-gradient(to bottom, #CA5EAB 0%, #A43786 50%, #7E1A64 100%);
}
</style>