#5E699B - #1F235D | 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 #5E699B to #1F235D

#5E699B #1F235D

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

#5E699B - #1F235D | 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 #5E699B as 0% and #1F235D as 100%.

0.0%	0.0% #5E699B	RGB 94 105 155	#5E699B
16.7%	16.7% #535D90	RGB 83 93 144	#535D90
33.3%	33.3% #495186	RGB 73 81 134	#495186
50.0%	50.0% #3E467C	RGB 62 70 124	#3E467C
66.7%	66.7% #343A71	RGB 52 58 113	#343A71
83.3%	83.3% #292E67	RGB 41 46 103	#292E67
100.0%	100.0% #1F235D	RGB 31 35 93	#1F235D

#5E699B #535D90 #495186 #3E467C #343A71 #292E67 #1F235D

#5E699B - #1F235D

HSV Blend

#5E699B - #1F235D | 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 #5E699B as 0% and #1F235D as 100%.

0.0%	0.0% #5E699B	RGB 94 105 155	#5E699B
16.7%	16.7% #515B90	RGB 81 91 144	#515B90
33.3%	33.3% #454E86	RGB 69 78 134	#454E86
50.0%	50.0% #3A427C	RGB 58 66 124	#3A427C
66.7%	66.7% #303671	RGB 48 54 113	#303671
83.3%	83.3% #272C67	RGB 39 44 103	#272C67
100.0%	100.0% #1F235D	RGB 31 35 93	#1F235D

#5E699B #515B90 #454E86 #3A427C #303671 #272C67 #1F235D

#5E699B - #3A427C - #1F235D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E699B 0%, #3A427C 50%, #1F235D 100%);
    background: -webkit-linear-gradient(top, #5E699B 0%, #3A427C 50%, #1F235D 100%);
    background: linear-gradient(to bottom, #5E699B 0%, #3A427C 50%, #1F235D 100%);
}
</style>