#5EADB2 - #1A3132 | 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 #5EADB2 to #1A3132

#5EADB2 #1A3132

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

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

0.0%	0.0% #5EADB2	RGB 94 173 178	#5EADB2
16.7%	16.7% #52989C	RGB 82 152 156	#52989C
33.3%	33.3% #478387	RGB 71 131 135	#478387
50.0%	50.0% #3C6F72	RGB 60 111 114	#3C6F72
66.7%	66.7% #305A5C	RGB 48 90 92	#305A5C
83.3%	83.3% #254547	RGB 37 69 71	#254547
100.0%	100.0% #1A3132	RGB 26 49 50	#1A3132

#5EADB2 #52989C #478387 #3C6F72 #305A5C #254547 #1A3132

#5EADB2 - #1A3132

HSV Blend

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

0.0%	0.0% #5EACB2	RGB 94 172 178	#5EACB2
16.7%	16.7% #52989C	RGB 82 152 156	#52989C
33.3%	33.3% #478387	RGB 71 131 135	#478387
50.0%	50.0% #3B6F72	RGB 59 111 114	#3B6F72
66.7%	66.7% #305A5C	RGB 48 90 92	#305A5C
83.3%	83.3% #254547	RGB 37 69 71	#254547
100.0%	100.0% #1A3132	RGB 26 49 50	#1A3132

#5EACB2 #52989C #478387 #3B6F72 #305A5C #254547 #1A3132

#5EADB2 - #3B6F72 - #1A3132

CSS codes

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

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