#5E4CBF - #D0A4D9 | 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 #5E4CBF to #D0A4D9

#5E4CBF #D0A4D9

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

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

0.0%	0.0% #5E4CBF	RGB 94 76 191	#5E4CBF
16.7%	16.7% #715AC3	RGB 113 90 195	#715AC3
33.3%	33.3% #8469C7	RGB 132 105 199	#8469C7
50.0%	50.0% #9778CC	RGB 151 120 204	#9778CC
66.7%	66.7% #AA86D0	RGB 170 134 208	#AA86D0
83.3%	83.3% #BD95D4	RGB 189 149 212	#BD95D4
100.0%	100.0% #D0A4D9	RGB 208 164 217	#D0A4D9

#5E4CBF #715AC3 #8469C7 #9778CC #AA86D0 #BD95D4 #D0A4D9

#5E4CBF - #D0A4D9

HSV Blend

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

0.0%	0.0% #5D4CBF	RGB 93 76 191	#5D4CBF
16.7%	16.7% #7559C3	RGB 117 89 195	#7559C3
33.3%	33.3% #8C67C7	RGB 140 103 199	#8C67C7
50.0%	50.0% #A075CC	RGB 160 117 204	#A075CC
66.7%	66.7% #B284D0	RGB 178 132 208	#B284D0
83.3%	83.3% #C294D4	RGB 194 148 212	#C294D4
100.0%	100.0% #D0A4D9	RGB 208 164 217	#D0A4D9

#5D4CBF #7559C3 #8C67C7 #A075CC #B284D0 #C294D4 #D0A4D9

#5E4CBF - #A075CC - #D0A4D9

CSS codes

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

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