#5E9BAF - #274E64 | 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 #5E9BAF to #274E64

#5E9BAF #274E64

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

#5E9BAF - #274E64 | 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 #5E9BAF as 0% and #274E64 as 100%.

0.0%	0.0% #5E9BAF	RGB 94 155 175	#5E9BAF
16.7%	16.7% #548EA2	RGB 84 142 162	#548EA2
33.3%	33.3% #4B8196	RGB 75 129 150	#4B8196
50.0%	50.0% #427489	RGB 66 116 137	#427489
66.7%	66.7% #39677D	RGB 57 103 125	#39677D
83.3%	83.3% #305A70	RGB 48 90 112	#305A70
100.0%	100.0% #274E64	RGB 39 78 100	#274E64

#5E9BAF #548EA2 #4B8196 #427489 #39677D #305A70 #274E64

#5E9BAF - #274E64

HSV Blend

#5E9BAF - #274E64 | 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 #5E9BAF as 0% and #274E64 as 100%.

0.0%	0.0% #5E9BAF	RGB 94 155 175	#5E9BAF
16.7%	16.7% #538DA2	RGB 83 141 162	#538DA2
33.3%	33.3% #498096	RGB 73 128 150	#498096
50.0%	50.0% #3F7389	RGB 63 115 137	#3F7389
66.7%	66.7% #36667D	RGB 54 102 125	#36667D
83.3%	83.3% #2E5970	RGB 46 89 112	#2E5970
100.0%	100.0% #274E64	RGB 39 78 100	#274E64

#5E9BAF #538DA2 #498096 #3F7389 #36667D #2E5970 #274E64

#5E9BAF - #3F7389 - #274E64

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E9BAF 0%, #3F7389 50%, #274E64 100%);
    background: -webkit-linear-gradient(top, #5E9BAF 0%, #3F7389 50%, #274E64 100%);
    background: linear-gradient(to bottom, #5E9BAF 0%, #3F7389 50%, #274E64 100%);
}
</style>