#5E656B - #102F3F | 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 #5E656B to #102F3F

#5E656B #102F3F

Calculate the color between two colors, #5E656B and #102F3F. 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)

#5E656B - #102F3F | 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 #5E656B as 0% and #102F3F as 100%.

0.0%	0.0% #5E656B	RGB 94 101 107	#5E656B
16.7%	16.7% #515C63	RGB 81 92 99	#515C63
33.3%	33.3% #44535C	RGB 68 83 92	#44535C
50.0%	50.0% #374A55	RGB 55 74 85	#374A55
66.7%	66.7% #2A414D	RGB 42 65 77	#2A414D
83.3%	83.3% #1D3846	RGB 29 56 70	#1D3846
100.0%	100.0% #102F3F	RGB 16 47 63	#102F3F

#5E656B #515C63 #44535C #374A55 #2A414D #1D3846 #102F3F

#5E656B - #102F3F

HSV Blend

#5E656B - #102F3F | 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 #5E656B as 0% and #102F3F as 100%.

0.0%	0.0% #5E656B	RGB 94 101 107	#5E656B
16.7%	16.7% #4D5963	RGB 77 89 99	#4D5963
33.3%	33.3% #3D4F5C	RGB 61 79 92	#3D4F5C
50.0%	50.0% #304655	RGB 48 70 85	#304655
66.7%	66.7% #233D4D	RGB 35 61 77	#233D4D
83.3%	83.3% #193646	RGB 25 54 70	#193646
100.0%	100.0% #102F3F	RGB 16 47 63	#102F3F

#5E656B #4D5963 #3D4F5C #304655 #233D4D #193646 #102F3F

#5E656B - #304655 - #102F3F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E656B 0%, #304655 50%, #102F3F 100%);
    background: -webkit-linear-gradient(top, #5E656B 0%, #304655 50%, #102F3F 100%);
    background: linear-gradient(to bottom, #5E656B 0%, #304655 50%, #102F3F 100%);
}
</style>