#CA5E8B - #7E1A45 | 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 #CA5E8B to #7E1A45

#CA5E8B #7E1A45

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

#CA5E8B - #7E1A45 | 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 #CA5E8B as 0% and #7E1A45 as 100%.

0.0%	0.0% #CA5E8B	RGB 202 94 139	#CA5E8B
16.7%	16.7% #BD527F	RGB 189 82 127	#BD527F
33.3%	33.3% #B04773	RGB 176 71 115	#B04773
50.0%	50.0% #A43C68	RGB 164 60 104	#A43C68
66.7%	66.7% #97305C	RGB 151 48 92	#97305C
83.3%	83.3% #8A2550	RGB 138 37 80	#8A2550
100.0%	100.0% #7E1A45	RGB 126 26 69	#7E1A45

#CA5E8B #BD527F #B04773 #A43C68 #97305C #8A2550 #7E1A45

#CA5E8B - #7E1A45

HSV Blend

#CA5E8B - #7E1A45 | 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 #CA5E8B as 0% and #7E1A45 as 100%.

0.0%	0.0% #CA5E8A	RGB 202 94 138	#CA5E8A
16.7%	16.7% #BD4F7D	RGB 189 79 125	#BD4F7D
33.3%	33.3% #B04271	RGB 176 66 113	#B04271
50.0%	50.0% #A43765	RGB 164 55 101	#A43765
66.7%	66.7% #972C59	RGB 151 44 89	#972C59
83.3%	83.3% #8A224F	RGB 138 34 79	#8A224F
100.0%	100.0% #7E1A45	RGB 126 26 69	#7E1A45

#CA5E8A #BD4F7D #B04271 #A43765 #972C59 #8A224F #7E1A45

#CA5E8B - #A43765 - #7E1A45

CSS codes

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

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