#5E3B69 - #DA8079 | 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 #5E3B69 to #DA8079

#5E3B69 #DA8079

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

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

0.0%	0.0% #5E3B69	RGB 94 59 105	#5E3B69
16.7%	16.7% #72466B	RGB 114 70 107	#72466B
33.3%	33.3% #87526E	RGB 135 82 110	#87526E
50.0%	50.0% #9C5D71	RGB 156 93 113	#9C5D71
66.7%	66.7% #B06973	RGB 176 105 115	#B06973
83.3%	83.3% #C57476	RGB 197 116 118	#C57476
100.0%	100.0% #DA8079	RGB 218 128 121	#DA8079

#5E3B69 #72466B #87526E #9C5D71 #B06973 #C57476 #DA8079

#5E3B69 - #DA8079

HSV Blend

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

0.0%	0.0% #5E3B69	RGB 94 59 105	#5E3B69
16.7%	16.7% #7A457B	RGB 122 69 123	#7A457B
33.3%	33.3% #8E4F82	RGB 142 79 130	#8E4F82
50.0%	50.0% #A15A83	RGB 161 90 131	#A15A83
66.7%	66.7% #B46481	RGB 180 100 129	#B46481
83.3%	83.3% #C76E7B	RGB 199 110 123	#C76E7B
100.0%	100.0% #DA8079	RGB 218 128 121	#DA8079

#5E3B69 #7A457B #8E4F82 #A15A83 #B46481 #C76E7B #DA8079

#5E3B69 - #A15A83 - #DA8079

CSS codes

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

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