#5E3E74 - #DB8687 | 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 #5E3E74 to #DB8687

#5E3E74 #DB8687

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

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

0.0%	0.0% #5E3E74	RGB 94 62 116	#5E3E74
16.7%	16.7% #724A77	RGB 114 74 119	#724A77
33.3%	33.3% #87567A	RGB 135 86 122	#87567A
50.0%	50.0% #9C627D	RGB 156 98 125	#9C627D
66.7%	66.7% #B16E80	RGB 177 110 128	#B16E80
83.3%	83.3% #C67A83	RGB 198 122 131	#C67A83
100.0%	100.0% #DB8687	RGB 219 134 135	#DB8687

#5E3E74 #724A77 #87567A #9C627D #B16E80 #C67A83 #DB8687

#5E3E74 - #DB8687

HSV Blend

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

0.0%	0.0% #5D3E74	RGB 93 62 116	#5D3E74
16.7%	16.7% #7A4885	RGB 122 72 133	#7A4885
33.3%	33.3% #965492	RGB 150 84 146	#965492
50.0%	50.0% #A76092	RGB 167 96 146	#A76092
66.7%	66.7% #B86C90	RGB 184 108 144	#B86C90
83.3%	83.3% #C9788C	RGB 201 120 140	#C9788C
100.0%	100.0% #DB8687	RGB 219 134 135	#DB8687

#5D3E74 #7A4885 #965492 #A76092 #B86C90 #C9788C #DB8687

#5E3E74 - #A76092 - #DB8687

CSS codes

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

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