#5A3E6B - #DA857E | 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 #5A3E6B to #DA857E

#5A3E6B #DA857E

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

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

0.0%	0.0% #5A3E6B	RGB 90 62 107	#5A3E6B
16.7%	16.7% #6F496E	RGB 111 73 110	#6F496E
33.3%	33.3% #845571	RGB 132 85 113	#845571
50.0%	50.0% #9A6174	RGB 154 97 116	#9A6174
66.7%	66.7% #AF6D77	RGB 175 109 119	#AF6D77
83.3%	83.3% #C4797A	RGB 196 121 122	#C4797A
100.0%	100.0% #DA857E	RGB 218 133 126	#DA857E

#5A3E6B #6F496E #845571 #9A6174 #AF6D77 #C4797A #DA857E

#5A3E6B - #DA857E

HSV Blend

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

0.0%	0.0% #5A3E6B	RGB 90 62 107	#5A3E6B
16.7%	16.7% #76487D	RGB 118 72 125	#76487D
33.3%	33.3% #905389	RGB 144 83 137	#905389
50.0%	50.0% #A25E8A	RGB 162 94 138	#A25E8A
66.7%	66.7% #B56887	RGB 181 104 135	#B56887
83.3%	83.3% #C77381	RGB 199 115 129	#C77381
100.0%	100.0% #DA857E	RGB 218 133 126	#DA857E

#5A3E6B #76487D #905389 #A25E8A #B56887 #C77381 #DA857E

#5A3E6B - #A25E8A - #DA857E

CSS codes

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

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