#5E4F9E - #DDA1B6 | 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 #5E4F9E to #DDA1B6

#5E4F9E #DDA1B6

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

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

0.0%	0.0% #5E4F9E	RGB 94 79 158	#5E4F9E
16.7%	16.7% #735CA2	RGB 115 92 162	#735CA2
33.3%	33.3% #886AA6	RGB 136 106 166	#886AA6
50.0%	50.0% #9D78AA	RGB 157 120 170	#9D78AA
66.7%	66.7% #B285AE	RGB 178 133 174	#B285AE
83.3%	83.3% #C793B2	RGB 199 147 178	#C793B2
100.0%	100.0% #DDA1B6	RGB 221 161 182	#DDA1B6

#5E4F9E #735CA2 #886AA6 #9D78AA #B285AE #C793B2 #DDA1B6

#5E4F9E - #DDA1B6

HSV Blend

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

0.0%	0.0% #5D4F9E	RGB 93 79 158	#5D4F9E
16.7%	16.7% #7C5AA8	RGB 124 90 168	#7C5AA8
33.3%	33.3% #9A67B3	RGB 154 103 179	#9A67B3
50.0%	50.0% #B774BD	RGB 183 116 189	#B774BD
66.7%	66.7% #C882BC	RGB 200 130 188	#C882BC
83.3%	83.3% #D291B8	RGB 210 145 184	#D291B8
100.0%	100.0% #DDA1B6	RGB 221 161 182	#DDA1B6

#5D4F9E #7C5AA8 #9A67B3 #B774BD #C882BC #D291B8 #DDA1B6

#5E4F9E - #B774BD - #DDA1B6

CSS codes

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

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