#5E968B - #264742 | 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 #5E968B to #264742

#5E968B #264742

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

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

0.0%	0.0% #5E968B	RGB 94 150 139	#5E968B
16.7%	16.7% #54887E	RGB 84 136 126	#54887E
33.3%	33.3% #4B7B72	RGB 75 123 114	#4B7B72
50.0%	50.0% #426E66	RGB 66 110 102	#426E66
66.7%	66.7% #38615A	RGB 56 97 90	#38615A
83.3%	83.3% #2F544E	RGB 47 84 78	#2F544E
100.0%	100.0% #264742	RGB 38 71 66	#264742

#5E968B #54887E #4B7B72 #426E66 #38615A #2F544E #264742

#5E968B - #264742

HSV Blend

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

0.0%	0.0% #5E968B	RGB 94 150 139	#5E968B
16.7%	16.7% #53887E	RGB 83 136 126	#53887E
33.3%	33.3% #497B72	RGB 73 123 114	#497B72
50.0%	50.0% #406E66	RGB 64 110 102	#406E66
66.7%	66.7% #37615A	RGB 55 97 90	#37615A
83.3%	83.3% #2E544E	RGB 46 84 78	#2E544E
100.0%	100.0% #264742	RGB 38 71 66	#264742

#5E968B #53887E #497B72 #406E66 #37615A #2E544E #264742

#5E968B - #406E66 - #264742

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E968B 0%, #406E66 50%, #264742 100%);
    background: -webkit-linear-gradient(top, #5E968B 0%, #406E66 50%, #264742 100%);
    background: linear-gradient(to bottom, #5E968B 0%, #406E66 50%, #264742 100%);
}
</style>