#265B5E - #9BAB97 | 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 #265B5E to #9BAB97

#265B5E #9BAB97

Calculate the color between two colors, #265B5E and #9BAB97. 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)

#265B5E - #9BAB97 | 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 #265B5E as 0% and #9BAB97 as 100%.

0.0%	0.0% #265B5E	RGB 38 91 94	#265B5E
16.7%	16.7% #396867	RGB 57 104 103	#396867
33.3%	33.3% #4D7571	RGB 77 117 113	#4D7571
50.0%	50.0% #60837A	RGB 96 131 122	#60837A
66.7%	66.7% #749084	RGB 116 144 132	#749084
83.3%	83.3% #879D8D	RGB 135 157 141	#879D8D
100.0%	100.0% #9BAB97	RGB 155 171 151	#9BAB97

#265B5E #396867 #4D7571 #60837A #749084 #879D8D #9BAB97

#265B5E - #9BAB97

HSV Blend

#265B5E - #9BAB97 | 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 #265B5E as 0% and #9BAB97 as 100%.

0.0%	0.0% #265A5E	RGB 38 90 94	#265A5E
16.7%	16.7% #336A62	RGB 51 106 98	#336A62
33.3%	33.3% #437764	RGB 67 119 100	#437764
50.0%	50.0% #558469	RGB 85 132 105	#558469
66.7%	66.7% #699171	RGB 105 145 113	#699171
83.3%	83.3% #7F9E7F	RGB 127 158 127	#7F9E7F
100.0%	100.0% #9BAB97	RGB 155 171 151	#9BAB97

#265A5E #336A62 #437764 #558469 #699171 #7F9E7F #9BAB97

#265B5E - #558469 - #9BAB97

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #265A5E 0%, #558469 50%, #9BAB97 100%);
    background: -webkit-linear-gradient(top, #265A5E 0%, #558469 50%, #9BAB97 100%);
    background: linear-gradient(to bottom, #265A5E 0%, #558469 50%, #9BAB97 100%);
}
</style>