#4A2B5A - #C26C70 | 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 #4A2B5A to #C26C70

#4A2B5A #C26C70

Calculate the color between two colors, #4A2B5A and #C26C70. 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)

#4A2B5A - #C26C70 | 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 #4A2B5A as 0% and #C26C70 as 100%.

0.0%	0.0% #4A2B5A	RGB 74 43 90	#4A2B5A
16.7%	16.7% #5E355D	RGB 94 53 93	#5E355D
33.3%	33.3% #724061	RGB 114 64 97	#724061
50.0%	50.0% #864B65	RGB 134 75 101	#864B65
66.7%	66.7% #9A5668	RGB 154 86 104	#9A5668
83.3%	83.3% #AE616C	RGB 174 97 108	#AE616C
100.0%	100.0% #C26C70	RGB 194 108 112	#C26C70

#4A2B5A #5E355D #724061 #864B65 #9A5668 #AE616C #C26C70

#4A2B5A - #C26C70

HSV Blend

#4A2B5A - #C26C70 | 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 #4A2B5A as 0% and #C26C70 as 100%.

0.0%	0.0% #4A2B5A	RGB 74 43 90	#4A2B5A
16.7%	16.7% #64346B	RGB 100 52 107	#64346B
33.3%	33.3% #7C3E77	RGB 124 62 119	#7C3E77
50.0%	50.0% #8E4978	RGB 142 73 120	#8E4978
66.7%	66.7% #9F5478	RGB 159 84 120	#9F5478
83.3%	83.3% #B06075	RGB 176 96 117	#B06075
100.0%	100.0% #C26C70	RGB 194 108 112	#C26C70

#4A2B5A #64346B #7C3E77 #8E4978 #9F5478 #B06075 #C26C70

#4A2B5A - #8E4978 - #C26C70

CSS codes

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

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