#5E4386 - #DB909D | 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 #5E4386 to #DB909D

#5E4386 #DB909D

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

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

0.0%	0.0% #5E4386	RGB 94 67 134	#5E4386
16.7%	16.7% #724F89	RGB 114 79 137	#724F89
33.3%	33.3% #875C8D	RGB 135 92 141	#875C8D
50.0%	50.0% #9C6991	RGB 156 105 145	#9C6991
66.7%	66.7% #B17695	RGB 177 118 149	#B17695
83.3%	83.3% #C68399	RGB 198 131 153	#C68399
100.0%	100.0% #DB909D	RGB 219 144 157	#DB909D

#5E4386 #724F89 #875C8D #9C6991 #B17695 #C68399 #DB909D

#5E4386 - #DB909D

HSV Blend

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

0.0%	0.0% #5D4386	RGB 93 67 134	#5D4386
16.7%	16.7% #7A4D94	RGB 122 77 148	#7A4D94
33.3%	33.3% #9959A2	RGB 153 89 162	#9959A2
50.0%	50.0% #B066A7	RGB 176 102 167	#B066A7
66.7%	66.7% #BE73A4	RGB 190 115 164	#BE73A4
83.3%	83.3% #CC81A0	RGB 204 129 160	#CC81A0
100.0%	100.0% #DB909D	RGB 219 144 157	#DB909D

#5D4386 #7A4D94 #9959A2 #B066A7 #BE73A4 #CC81A0 #DB909D

#5E4386 - #B066A7 - #DB909D

CSS codes

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

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