#414D5E - #68B9AB | 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 #414D5E to #68B9AB

#414D5E #68B9AB

Calculate the color between two colors, #414D5E and #68B9AB. 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)

#414D5E - #68B9AB | 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 #414D5E as 0% and #68B9AB as 100%.

0.0%	0.0% #414D5E	RGB 65 77 94	#414D5E
16.7%	16.7% #475F6A	RGB 71 95 106	#475F6A
33.3%	33.3% #4E7177	RGB 78 113 119	#4E7177
50.0%	50.0% #548384	RGB 84 131 132	#548384
66.7%	66.7% #5B9591	RGB 91 149 145	#5B9591
83.3%	83.3% #61A79E	RGB 97 167 158	#61A79E
100.0%	100.0% #68B9AB	RGB 104 185 171	#68B9AB

#414D5E #475F6A #4E7177 #548384 #5B9591 #61A79E #68B9AB

#414D5E - #68B9AB

HSV Blend

#414D5E - #68B9AB | 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 #414D5E as 0% and #68B9AB as 100%.

0.0%	0.0% #414D5E	RGB 65 77 94	#414D5E
16.7%	16.7% #495C6D	RGB 73 92 109	#495C6D
33.3%	33.3% #506D7C	RGB 80 109 124	#506D7C
50.0%	50.0% #57808B	RGB 87 128 139	#57808B
66.7%	66.7% #5D959A	RGB 93 149 154	#5D959A
83.3%	83.3% #63A9A6	RGB 99 169 166	#63A9A6
100.0%	100.0% #68B9AB	RGB 104 185 171	#68B9AB

#414D5E #495C6D #506D7C #57808B #5D959A #63A9A6 #68B9AB

#414D5E - #57808B - #68B9AB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #414D5E 0%, #57808B 50%, #68B9AB 100%);
    background: -webkit-linear-gradient(top, #414D5E 0%, #57808B 50%, #68B9AB 100%);
    background: linear-gradient(to bottom, #414D5E 0%, #57808B 50%, #68B9AB 100%);
}
</style>