#5E829D - #263A4E | 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 #5E829D to #263A4E

#5E829D #263A4E

Calculate the color between two colors, #5E829D and #263A4E. 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)

#5E829D - #263A4E | 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 #5E829D as 0% and #263A4E as 100%.

0.0%	0.0% #5E829D	RGB 94 130 157	#5E829D
16.7%	16.7% #54768F	RGB 84 118 143	#54768F
33.3%	33.3% #4B6A82	RGB 75 106 130	#4B6A82
50.0%	50.0% #425E75	RGB 66 94 117	#425E75
66.7%	66.7% #385268	RGB 56 82 104	#385268
83.3%	83.3% #2F465B	RGB 47 70 91	#2F465B
100.0%	100.0% #263A4E	RGB 38 58 78	#263A4E

#5E829D #54768F #4B6A82 #425E75 #385268 #2F465B #263A4E

#5E829D - #263A4E

HSV Blend

#5E829D - #263A4E | 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 #5E829D as 0% and #263A4E as 100%.

0.0%	0.0% #5E829D	RGB 94 130 157	#5E829D
16.7%	16.7% #53758F	RGB 83 117 143	#53758F
33.3%	33.3% #496882	RGB 73 104 130	#496882
50.0%	50.0% #3F5C75	RGB 63 92 117	#3F5C75
66.7%	66.7% #365068	RGB 54 80 104	#365068
83.3%	83.3% #2E455B	RGB 46 69 91	#2E455B
100.0%	100.0% #263A4E	RGB 38 58 78	#263A4E

#5E829D #53758F #496882 #3F5C75 #365068 #2E455B #263A4E

#5E829D - #3F5C75 - #263A4E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E829D 0%, #3F5C75 50%, #263A4E 100%);
    background: -webkit-linear-gradient(top, #5E829D 0%, #3F5C75 50%, #263A4E 100%);
    background: linear-gradient(to bottom, #5E829D 0%, #3F5C75 50%, #263A4E 100%);
}
</style>