#5E36B2 - #D358FD | 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 #5E36B2 to #D358FD

#5E36B2 #D358FD

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

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

0.0%	0.0% #5E36B2	RGB 94 54 178	#5E36B2
16.7%	16.7% #713BBE	RGB 113 59 190	#713BBE
33.3%	33.3% #8541CB	RGB 133 65 203	#8541CB
50.0%	50.0% #9847D7	RGB 152 71 215	#9847D7
66.7%	66.7% #AC4CE4	RGB 172 76 228	#AC4CE4
83.3%	83.3% #BF52F0	RGB 191 82 240	#BF52F0
100.0%	100.0% #D358FD	RGB 211 88 253	#D358FD

#5E36B2 #713BBE #8541CB #9847D7 #AC4CE4 #BF52F0 #D358FD

#5E36B2 - #D358FD

HSV Blend

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

0.0%	0.0% #5D36B2	RGB 93 54 178	#5D36B2
16.7%	16.7% #6E3BBE	RGB 110 59 190	#6E3BBE
33.3%	33.3% #8040CB	RGB 128 64 203	#8040CB
50.0%	50.0% #9346D7	RGB 147 70 215	#9346D7
66.7%	66.7% #A74BE4	RGB 167 75 228	#A74BE4
83.3%	83.3% #BC51F0	RGB 188 81 240	#BC51F0
100.0%	100.0% #D358FD	RGB 211 88 253	#D358FD

#5D36B2 #6E3BBE #8040CB #9346D7 #A74BE4 #BC51F0 #D358FD

#5E36B2 - #9346D7 - #D358FD

CSS codes

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

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