#5E7DC0 - #1F356F | 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 #5E7DC0 to #1F356F

#5E7DC0 #1F356F

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

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

0.0%	0.0% #5E7DC0	RGB 94 125 192	#5E7DC0
16.7%	16.7% #5371B2	RGB 83 113 178	#5371B2
33.3%	33.3% #4965A5	RGB 73 101 165	#4965A5
50.0%	50.0% #3E5997	RGB 62 89 151	#3E5997
66.7%	66.7% #344D8A	RGB 52 77 138	#344D8A
83.3%	83.3% #29417C	RGB 41 65 124	#29417C
100.0%	100.0% #1F356F	RGB 31 53 111	#1F356F

#5E7DC0 #5371B2 #4965A5 #3E5997 #344D8A #29417C #1F356F

#5E7DC0 - #1F356F

HSV Blend

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

0.0%	0.0% #5E7CC0	RGB 94 124 192	#5E7CC0
16.7%	16.7% #516FB2	RGB 81 111 178	#516FB2
33.3%	33.3% #4562A5	RGB 69 98 165	#4562A5
50.0%	50.0% #3A5597	RGB 58 85 151	#3A5597
66.7%	66.7% #304A8A	RGB 48 74 138	#304A8A
83.3%	83.3% #273F7C	RGB 39 63 124	#273F7C
100.0%	100.0% #1F356F	RGB 31 53 111	#1F356F

#5E7CC0 #516FB2 #4562A5 #3A5597 #304A8A #273F7C #1F356F

#5E7DC0 - #3A5597 - #1F356F

CSS codes

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

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