#5E294C - #C26E73 | 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 #5E294C to #C26E73

#5E294C #C26E73

Calculate the color between two colors, #5E294C and #C26E73. 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)

#5E294C - #C26E73 | 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 #5E294C as 0% and #C26E73 as 100%.

0.0%	0.0% #5E294C	RGB 94 41 76	#5E294C
16.7%	16.7% #6E3452	RGB 110 52 82	#6E3452
33.3%	33.3% #7F4059	RGB 127 64 89	#7F4059
50.0%	50.0% #904B5F	RGB 144 75 95	#904B5F
66.7%	66.7% #A05766	RGB 160 87 102	#A05766
83.3%	83.3% #B1626C	RGB 177 98 108	#B1626C
100.0%	100.0% #C26E73	RGB 194 110 115	#C26E73

#5E294C #6E3452 #7F4059 #904B5F #A05766 #B1626C #C26E73

#5E294C - #C26E73

HSV Blend

#5E294C - #C26E73 | 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 #5E294C as 0% and #C26E73 as 100%.

0.0%	0.0% #5E294C	RGB 94 41 76	#5E294C
16.7%	16.7% #6E3254	RGB 110 50 84	#6E3254
33.3%	33.3% #7F3D5B	RGB 127 61 91	#7F3D5B
50.0%	50.0% #904862	RGB 144 72 98	#904862
66.7%	66.7% #A05467	RGB 160 84 103	#A05467
83.3%	83.3% #B1606D	RGB 177 96 109	#B1606D
100.0%	100.0% #C26E73	RGB 194 110 115	#C26E73

#5E294C #6E3254 #7F3D5B #904862 #A05467 #B1606D #C26E73

#5E294C - #904862 - #C26E73

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E294C 0%, #904862 50%, #C26E73 100%);
    background: -webkit-linear-gradient(top, #5E294C 0%, #904862 50%, #C26E73 100%);
    background: linear-gradient(to bottom, #5E294C 0%, #904862 50%, #C26E73 100%);
}
</style>