#5E3B6A - #DA807A | 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 #5E3B6A to #DA807A

#5E3B6A #DA807A

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

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

0.0%	0.0% #5E3B6A	RGB 94 59 106	#5E3B6A
16.7%	16.7% #72466C	RGB 114 70 108	#72466C
33.3%	33.3% #87526F	RGB 135 82 111	#87526F
50.0%	50.0% #9C5D72	RGB 156 93 114	#9C5D72
66.7%	66.7% #B06974	RGB 176 105 116	#B06974
83.3%	83.3% #C57477	RGB 197 116 119	#C57477
100.0%	100.0% #DA807A	RGB 218 128 122	#DA807A

#5E3B6A #72466C #87526F #9C5D72 #B06974 #C57477 #DA807A

#5E3B6A - #DA807A

HSV Blend

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

0.0%	0.0% #5E3B6A	RGB 94 59 106	#5E3B6A
16.7%	16.7% #7A457C	RGB 122 69 124	#7A457C
33.3%	33.3% #8F4F83	RGB 143 79 131	#8F4F83
50.0%	50.0% #A25A85	RGB 162 90 133	#A25A85
66.7%	66.7% #B46482	RGB 180 100 130	#B46482
83.3%	83.3% #C76F7D	RGB 199 111 125	#C76F7D
100.0%	100.0% #DA807A	RGB 218 128 122	#DA807A

#5E3B6A #7A457C #8F4F83 #A25A85 #B46482 #C76F7D #DA807A

#5E3B6A - #A25A85 - #DA807A

CSS codes

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

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