#5E6A68 - #103E31 | 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 #5E6A68 to #103E31

#5E6A68 #103E31

Calculate the color between two colors, #5E6A68 and #103E31. 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)

#5E6A68 - #103E31 | 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 #5E6A68 as 0% and #103E31 as 100%.

0.0%	0.0% #5E6A68	RGB 94 106 104	#5E6A68
16.7%	16.7% #51625E	RGB 81 98 94	#51625E
33.3%	33.3% #445B55	RGB 68 91 85	#445B55
50.0%	50.0% #37544C	RGB 55 84 76	#37544C
66.7%	66.7% #2A4C43	RGB 42 76 67	#2A4C43
83.3%	83.3% #1D453A	RGB 29 69 58	#1D453A
100.0%	100.0% #103E31	RGB 16 62 49	#103E31

#5E6A68 #51625E #445B55 #37544C #2A4C43 #1D453A #103E31

#5E6A68 - #103E31

HSV Blend

#5E6A68 - #103E31 | 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 #5E6A68 as 0% and #103E31 as 100%.

0.0%	0.0% #5E6A68	RGB 94 106 104	#5E6A68
16.7%	16.7% #4D625E	RGB 77 98 94	#4D625E
33.3%	33.3% #3D5B55	RGB 61 91 85	#3D5B55
50.0%	50.0% #30544B	RGB 48 84 75	#30544B
66.7%	66.7% #234C42	RGB 35 76 66	#234C42
83.3%	83.3% #194539	RGB 25 69 57	#194539
100.0%	100.0% #103E31	RGB 16 62 49	#103E31

#5E6A68 #4D625E #3D5B55 #30544B #234C42 #194539 #103E31

#5E6A68 - #30544B - #103E31

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6A68 0%, #30544B 50%, #103E31 100%);
    background: -webkit-linear-gradient(top, #5E6A68 0%, #30544B 50%, #103E31 100%);
    background: linear-gradient(to bottom, #5E6A68 0%, #30544B 50%, #103E31 100%);
}
</style>