#5E3D78 - #DA868C | 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 #5E3D78 to #DA868C

#5E3D78 #DA868C

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

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

0.0%	0.0% #5E3D78	RGB 94 61 120	#5E3D78
16.7%	16.7% #72497B	RGB 114 73 123	#72497B
33.3%	33.3% #87557E	RGB 135 85 126	#87557E
50.0%	50.0% #9C6182	RGB 156 97 130	#9C6182
66.7%	66.7% #B06D85	RGB 176 109 133	#B06D85
83.3%	83.3% #C57988	RGB 197 121 136	#C57988
100.0%	100.0% #DA868C	RGB 218 134 140	#DA868C

#5E3D78 #72497B #87557E #9C6182 #B06D85 #C57988 #DA868C

#5E3D78 - #DA868C

HSV Blend

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

0.0%	0.0% #5D3D78	RGB 93 61 120	#5D3D78
16.7%	16.7% #7A4788	RGB 122 71 136	#7A4788
33.3%	33.3% #985397	RGB 152 83 151	#985397
50.0%	50.0% #A95E96	RGB 169 94 150	#A95E96
66.7%	66.7% #B96B94	RGB 185 107 148	#B96B94
83.3%	83.3% #C97890	RGB 201 120 144	#C97890
100.0%	100.0% #DA868C	RGB 218 134 140	#DA868C

#5D3D78 #7A4788 #985397 #A95E96 #B96B94 #C97890 #DA868C

#5E3D78 - #A95E96 - #DA868C

CSS codes

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

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