#5E8EA1 - #284354 | 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 #5E8EA1 to #284354

#5E8EA1 #284354

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

#5E8EA1 - #284354 | 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 #5E8EA1 as 0% and #284354 as 100%.

0.0%	0.0% #5E8EA1	RGB 94 142 161	#5E8EA1
16.7%	16.7% #558194	RGB 85 129 148	#558194
33.3%	33.3% #4C7587	RGB 76 117 135	#4C7587
50.0%	50.0% #43687A	RGB 67 104 122	#43687A
66.7%	66.7% #3A5C6D	RGB 58 92 109	#3A5C6D
83.3%	83.3% #314F60	RGB 49 79 96	#314F60
100.0%	100.0% #284354	RGB 40 67 84	#284354

#5E8EA1 #558194 #4C7587 #43687A #3A5C6D #314F60 #284354

#5E8EA1 - #284354

HSV Blend

#5E8EA1 - #284354 | 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 #5E8EA1 as 0% and #284354 as 100%.

0.0%	0.0% #5E8EA1	RGB 94 142 161	#5E8EA1
16.7%	16.7% #538094	RGB 83 128 148	#538094
33.3%	33.3% #4A7387	RGB 74 115 135	#4A7387
50.0%	50.0% #40677A	RGB 64 103 122	#40677A
66.7%	66.7% #385A6D	RGB 56 90 109	#385A6D
83.3%	83.3% #2F4E60	RGB 47 78 96	#2F4E60
100.0%	100.0% #284354	RGB 40 67 84	#284354

#5E8EA1 #538094 #4A7387 #40677A #385A6D #2F4E60 #284354

#5E8EA1 - #40677A - #284354

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8EA1 0%, #40677A 50%, #284354 100%);
    background: -webkit-linear-gradient(top, #5E8EA1 0%, #40677A 50%, #284354 100%);
    background: linear-gradient(to bottom, #5E8EA1 0%, #40677A 50%, #284354 100%);
}
</style>