#5E629A - #1A2945 | 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 #5E629A to #1A2945

#5E629A #1A2945

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

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

0.0%	0.0% #5E629A	RGB 94 98 154	#5E629A
16.7%	16.7% #52588B	RGB 82 88 139	#52588B
33.3%	33.3% #474F7D	RGB 71 79 125	#474F7D
50.0%	50.0% #3C456F	RGB 60 69 111	#3C456F
66.7%	66.7% #303C61	RGB 48 60 97	#303C61
83.3%	83.3% #253253	RGB 37 50 83	#253253
100.0%	100.0% #1A2945	RGB 26 41 69	#1A2945

#5E629A #52588B #474F7D #3C456F #303C61 #253253 #1A2945

#5E629A - #1A2945

HSV Blend

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

0.0%	0.0% #5E629A	RGB 94 98 154	#5E629A
16.7%	16.7% #4F568B	RGB 79 86 139	#4F568B
33.3%	33.3% #424C7D	RGB 66 76 125	#424C7D
50.0%	50.0% #37426F	RGB 55 66 111	#37426F
66.7%	66.7% #2C3961	RGB 44 57 97	#2C3961
83.3%	83.3% #223153	RGB 34 49 83	#223153
100.0%	100.0% #1A2945	RGB 26 41 69	#1A2945

#5E629A #4F568B #424C7D #37426F #2C3961 #223153 #1A2945

#5E629A - #37426F - #1A2945

CSS codes

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

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