#5E5CCD - #340672 | 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 #5E5CCD to #340672

#5E5CCD #340672

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

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

0.0%	0.0% #5E5CCD	RGB 94 92 205	#5E5CCD
16.7%	16.7% #574DBD	RGB 87 77 189	#574DBD
33.3%	33.3% #503FAE	RGB 80 63 174	#503FAE
50.0%	50.0% #49319F	RGB 73 49 159	#49319F
66.7%	66.7% #422290	RGB 66 34 144	#422290
83.3%	83.3% #3B1481	RGB 59 20 129	#3B1481
100.0%	100.0% #340672	RGB 52 6 114	#340672

#5E5CCD #574DBD #503FAE #49319F #422290 #3B1481 #340672

#5E5CCD - #340672

HSV Blend

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

0.0%	0.0% #5E5CCD	RGB 94 92 205	#5E5CCD
16.7%	16.7% #5248BD	RGB 82 72 189	#5248BD
33.3%	33.3% #4937AE	RGB 73 55 174	#4937AE
50.0%	50.0% #42279F	RGB 66 39 159	#42279F
66.7%	66.7% #3C1A90	RGB 60 26 144	#3C1A90
83.3%	83.3% #380F81	RGB 56 15 129	#380F81
100.0%	100.0% #340672	RGB 52 6 114	#340672

#5E5CCD #5248BD #4937AE #42279F #3C1A90 #380F81 #340672

#5E5CCD - #42279F - #340672

CSS codes

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

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