#5E8B8D - #19465D | 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 #5E8B8D to #19465D

#5E8B8D #19465D

Calculate the color between two colors, #5E8B8D and #19465D. 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)

#5E8B8D - #19465D | 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 #5E8B8D as 0% and #19465D as 100%.

0.0%	0.0% #5E8B8D	RGB 94 139 141	#5E8B8D
16.7%	16.7% #527F85	RGB 82 127 133	#527F85
33.3%	33.3% #47747D	RGB 71 116 125	#47747D
50.0%	50.0% #3B6875	RGB 59 104 117	#3B6875
66.7%	66.7% #305D6D	RGB 48 93 109	#305D6D
83.3%	83.3% #245165	RGB 36 81 101	#245165
100.0%	100.0% #19465D	RGB 25 70 93	#19465D

#5E8B8D #527F85 #47747D #3B6875 #305D6D #245165 #19465D

#5E8B8D - #19465D

HSV Blend

#5E8B8D - #19465D | 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 #5E8B8D as 0% and #19465D as 100%.

0.0%	0.0% #5E8B8D	RGB 94 139 141	#5E8B8D
16.7%	16.7% #4F8085	RGB 79 128 133	#4F8085
33.3%	33.3% #42747D	RGB 66 116 125	#42747D
50.0%	50.0% #366975	RGB 54 105 117	#366975
66.7%	66.7% #2B5D6D	RGB 43 93 109	#2B5D6D
83.3%	83.3% #215165	RGB 33 81 101	#215165
100.0%	100.0% #19465D	RGB 25 70 93	#19465D

#5E8B8D #4F8085 #42747D #366975 #2B5D6D #215165 #19465D

#5E8B8D - #366975 - #19465D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8B8D 0%, #366975 50%, #19465D 100%);
    background: -webkit-linear-gradient(top, #5E8B8D 0%, #366975 50%, #19465D 100%);
    background: linear-gradient(to bottom, #5E8B8D 0%, #366975 50%, #19465D 100%);
}
</style>