#5E145C - #B8598D | 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 #5E145C to #B8598D

#5E145C #B8598D

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

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

0.0%	0.0% #5E145C	RGB 94 20 92	#5E145C
16.7%	16.7% #6D1F64	RGB 109 31 100	#6D1F64
33.3%	33.3% #7C2B6C	RGB 124 43 108	#7C2B6C
50.0%	50.0% #8B3674	RGB 139 54 116	#8B3674
66.7%	66.7% #9A427C	RGB 154 66 124	#9A427C
83.3%	83.3% #A94D84	RGB 169 77 132	#A94D84
100.0%	100.0% #B8598D	RGB 184 89 141	#B8598D

#5E145C #6D1F64 #7C2B6C #8B3674 #9A427C #A94D84 #B8598D

#5E145C - #B8598D

HSV Blend

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

0.0%	0.0% #5E135C	RGB 94 19 92	#5E135C
16.7%	16.7% #6D1C65	RGB 109 28 101	#6D1C65
33.3%	33.3% #7C256D	RGB 124 37 109	#7C256D
50.0%	50.0% #8B3075	RGB 139 48 117	#8B3075
66.7%	66.7% #9A3C7C	RGB 154 60 124	#9A3C7C
83.3%	83.3% #A94A84	RGB 169 74 132	#A94A84
100.0%	100.0% #B8598D	RGB 184 89 141	#B8598D

#5E135C #6D1C65 #7C256D #8B3075 #9A3C7C #A94A84 #B8598D

#5E145C - #8B3075 - #B8598D

CSS codes

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

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