#5E324C - #C1597A | 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 #5E324C to #C1597A

#5E324C #C1597A

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

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

0.0%	0.0% #5E324C	RGB 94 50 76	#5E324C
16.7%	16.7% #6E3853	RGB 110 56 83	#6E3853
33.3%	33.3% #7F3F5B	RGB 127 63 91	#7F3F5B
50.0%	50.0% #8F4563	RGB 143 69 99	#8F4563
66.7%	66.7% #A04C6A	RGB 160 76 106	#A04C6A
83.3%	83.3% #B05272	RGB 176 82 114	#B05272
100.0%	100.0% #C1597A	RGB 193 89 122	#C1597A

#5E324C #6E3853 #7F3F5B #8F4563 #A04C6A #B05272 #C1597A

#5E324C - #C1597A

HSV Blend

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

0.0%	0.0% #5E324C	RGB 94 50 76	#5E324C
16.7%	16.7% #6E3956	RGB 110 57 86	#6E3956
33.3%	33.3% #7F405F	RGB 127 64 95	#7F405F
50.0%	50.0% #8F4768	RGB 143 71 104	#8F4768
66.7%	66.7% #A04D6F	RGB 160 77 111	#A04D6F
83.3%	83.3% #B05375	RGB 176 83 117	#B05375
100.0%	100.0% #C1597A	RGB 193 89 122	#C1597A

#5E324C #6E3956 #7F405F #8F4768 #A04D6F #B05375 #C1597A

#5E324C - #8F4768 - #C1597A

CSS codes

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

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