#5E4B9D - #DB9DB6 | 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 #5E4B9D to #DB9DB6

#5E4B9D #DB9DB6

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

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

0.0%	0.0% #5E4B9D	RGB 94 75 157	#5E4B9D
16.7%	16.7% #7258A1	RGB 114 88 161	#7258A1
33.3%	33.3% #8766A5	RGB 135 102 165	#8766A5
50.0%	50.0% #9C74A9	RGB 156 116 169	#9C74A9
66.7%	66.7% #B181AD	RGB 177 129 173	#B181AD
83.3%	83.3% #C68FB1	RGB 198 143 177	#C68FB1
100.0%	100.0% #DB9DB6	RGB 219 157 182	#DB9DB6

#5E4B9D #7258A1 #8766A5 #9C74A9 #B181AD #C68FB1 #DB9DB6

#5E4B9D - #DB9DB6

HSV Blend

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

0.0%	0.0% #5D4B9D	RGB 93 75 157	#5D4B9D
16.7%	16.7% #7B56A7	RGB 123 86 167	#7B56A7
33.3%	33.3% #9963B1	RGB 153 99 177	#9963B1
50.0%	50.0% #B570BC	RGB 181 112 188	#B570BC
66.7%	66.7% #C67EBC	RGB 198 126 188	#C67EBC
83.3%	83.3% #D08DB7	RGB 208 141 183	#D08DB7
100.0%	100.0% #DB9DB6	RGB 219 157 182	#DB9DB6

#5D4B9D #7B56A7 #9963B1 #B570BC #C67EBC #D08DB7 #DB9DB6

#5E4B9D - #B570BC - #DB9DB6

CSS codes

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

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