#605C7E - #1F154C | 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 #605C7E to #1F154C

#605C7E #1F154C

Calculate the color between two colors, #605C7E and #1F154C. 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)

#605C7E - #1F154C | 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 #605C7E as 0% and #1F154C as 100%.

0.0%	0.0% #605C7E	RGB 96 92 126	#605C7E
16.7%	16.7% #555075	RGB 85 80 117	#555075
33.3%	33.3% #4A446D	RGB 74 68 109	#4A446D
50.0%	50.0% #3F3865	RGB 63 56 101	#3F3865
66.7%	66.7% #342C5C	RGB 52 44 92	#342C5C
83.3%	83.3% #292054	RGB 41 32 84	#292054
100.0%	100.0% #1F154C	RGB 31 21 76	#1F154C

#605C7E #555075 #4A446D #3F3865 #342C5C #292054 #1F154C

#605C7E - #1F154C

HSV Blend

#605C7E - #1F154C | 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 #605C7E as 0% and #1F154C as 100%.

0.0%	0.0% #605C7E	RGB 96 92 126	#605C7E
16.7%	16.7% #524D75	RGB 82 77 117	#524D75
33.3%	33.3% #453F6D	RGB 69 63 109	#453F6D
50.0%	50.0% #3A3265	RGB 58 50 101	#3A3265
66.7%	66.7% #30275C	RGB 48 39 92	#30275C
83.3%	83.3% #271D54	RGB 39 29 84	#271D54
100.0%	100.0% #1F154C	RGB 31 21 76	#1F154C

#605C7E #524D75 #453F6D #3A3265 #30275C #271D54 #1F154C

#605C7E - #3A3265 - #1F154C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #605C7E 0%, #3A3265 50%, #1F154C 100%);
    background: -webkit-linear-gradient(top, #605C7E 0%, #3A3265 50%, #1F154C 100%);
    background: linear-gradient(to bottom, #605C7E 0%, #3A3265 50%, #1F154C 100%);
}
</style>