#5E5E99 - #20195F | 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 #5E5E99 to #20195F

#5E5E99 #20195F

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

#5E5E99 - #20195F | 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 #5E5E99 as 0% and #20195F as 100%.

0.0%	0.0% #5E5E99	RGB 94 94 153	#5E5E99
16.7%	16.7% #53528F	RGB 83 82 143	#53528F
33.3%	33.3% #494785	RGB 73 71 133	#494785
50.0%	50.0% #3F3B7C	RGB 63 59 124	#3F3B7C
66.7%	66.7% #343072	RGB 52 48 114	#343072
83.3%	83.3% #2A2468	RGB 42 36 104	#2A2468
100.0%	100.0% #20195F	RGB 32 25 95	#20195F

#5E5E99 #53528F #494785 #3F3B7C #343072 #2A2468 #20195F

#5E5E99 - #20195F

HSV Blend

#5E5E99 - #20195F | 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 #5E5E99 as 0% and #20195F as 100%.

0.0%	0.0% #5E5E99	RGB 94 94 153	#5E5E99
16.7%	16.7% #504F8F	RGB 80 79 143	#504F8F
33.3%	33.3% #444285	RGB 68 66 133	#444285
50.0%	50.0% #39367C	RGB 57 54 124	#39367C
66.7%	66.7% #302B72	RGB 48 43 114	#302B72
83.3%	83.3% #272168	RGB 39 33 104	#272168
100.0%	100.0% #20195F	RGB 32 25 95	#20195F

#5E5E99 #504F8F #444285 #39367C #302B72 #272168 #20195F

#5E5E99 - #39367C - #20195F

CSS codes

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

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