#5E3C67 - #DB8076 | 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 #5E3C67 to #DB8076

#5E3C67 #DB8076

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

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

0.0%	0.0% #5E3C67	RGB 94 60 103	#5E3C67
16.7%	16.7% #724769	RGB 114 71 105	#724769
33.3%	33.3% #87526C	RGB 135 82 108	#87526C
50.0%	50.0% #9C5E6E	RGB 156 94 110	#9C5E6E
66.7%	66.7% #B16971	RGB 177 105 113	#B16971
83.3%	83.3% #C67473	RGB 198 116 115	#C67473
100.0%	100.0% #DB8076	RGB 219 128 118	#DB8076

#5E3C67 #724769 #87526C #9C5E6E #B16971 #C67473 #DB8076

#5E3C67 - #DB8076

HSV Blend

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

0.0%	0.0% #5E3C67	RGB 94 60 103	#5E3C67
16.7%	16.7% #7A4679	RGB 122 70 121	#7A4679
33.3%	33.3% #8D507F	RGB 141 80 127	#8D507F
50.0%	50.0% #A15A81	RGB 161 90 129	#A15A81
66.7%	66.7% #B4637E	RGB 180 99 126	#B4637E
83.3%	83.3% #C76D77	RGB 199 109 119	#C76D77
100.0%	100.0% #DB8076	RGB 219 128 118	#DB8076

#5E3C67 #7A4679 #8D507F #A15A81 #B4637E #C76D77 #DB8076

#5E3C67 - #A15A81 - #DB8076

CSS codes

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

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