#5E9099 - #1A272B | 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 #5E9099 to #1A272B

#5E9099 #1A272B

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

#5E9099 - #1A272B | 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 #5E9099 as 0% and #1A272B as 100%.

0.0%	0.0% #5E9099	RGB 94 144 153	#5E9099
16.7%	16.7% #527E86	RGB 82 126 134	#527E86
33.3%	33.3% #476D74	RGB 71 109 116	#476D74
50.0%	50.0% #3C5B62	RGB 60 91 98	#3C5B62
66.7%	66.7% #304A4F	RGB 48 74 79	#304A4F
83.3%	83.3% #25383D	RGB 37 56 61	#25383D
100.0%	100.0% #1A272B	RGB 26 39 43	#1A272B

#5E9099 #527E86 #476D74 #3C5B62 #304A4F #25383D #1A272B

#5E9099 - #1A272B

HSV Blend

#5E9099 - #1A272B | 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 #5E9099 as 0% and #1A272B as 100%.

0.0%	0.0% #5E9099	RGB 94 144 153	#5E9099
16.7%	16.7% #527D86	RGB 82 125 134	#527D86
33.3%	33.3% #476C74	RGB 71 108 116	#476C74
50.0%	50.0% #3B5A62	RGB 59 90 98	#3B5A62
66.7%	66.7% #30494F	RGB 48 73 79	#30494F
83.3%	83.3% #25373D	RGB 37 55 61	#25373D
100.0%	100.0% #1A272B	RGB 26 39 43	#1A272B

#5E9099 #527D86 #476C74 #3B5A62 #30494F #25373D #1A272B

#5E9099 - #3B5A62 - #1A272B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E9099 0%, #3B5A62 50%, #1A272B 100%);
    background: -webkit-linear-gradient(top, #5E9099 0%, #3B5A62 50%, #1A272B 100%);
    background: linear-gradient(to bottom, #5E9099 0%, #3B5A62 50%, #1A272B 100%);
}
</style>