#7B9A8F - #266053 | 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 #7B9A8F to #266053

#7B9A8F #266053

Calculate the color between two colors, #7B9A8F and #266053. 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)

#7B9A8F - #266053 | 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 #7B9A8F as 0% and #266053 as 100%.

0.0%	0.0% #7B9A8F	RGB 123 154 143	#7B9A8F
16.7%	16.7% #6C9085	RGB 108 144 133	#6C9085
33.3%	33.3% #5E867B	RGB 94 134 123	#5E867B
50.0%	50.0% #507D71	RGB 80 125 113	#507D71
66.7%	66.7% #427367	RGB 66 115 103	#427367
83.3%	83.3% #34695D	RGB 52 105 93	#34695D
100.0%	100.0% #266053	RGB 38 96 83	#266053

#7B9A8F #6C9085 #5E867B #507D71 #427367 #34695D #266053

#7B9A8F - #266053

HSV Blend

#7B9A8F - #266053 | 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 #7B9A8F as 0% and #266053 as 100%.

0.0%	0.0% #7B9A8F	RGB 123 154 143	#7B9A8F
16.7%	16.7% #699083	RGB 105 144 131	#699083
33.3%	33.3% #598678	RGB 89 134 120	#598678
50.0%	50.0% #4A7D6E	RGB 74 125 110	#4A7D6E
66.7%	66.7% #3D7364	RGB 61 115 100	#3D7364
83.3%	83.3% #30695B	RGB 48 105 91	#30695B
100.0%	100.0% #266053	RGB 38 96 83	#266053

#7B9A8F #699083 #598678 #4A7D6E #3D7364 #30695B #266053

#7B9A8F - #4A7D6E - #266053

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7B9A8F 0%, #4A7D6E 50%, #266053 100%);
    background: -webkit-linear-gradient(top, #7B9A8F 0%, #4A7D6E 50%, #266053 100%);
    background: linear-gradient(to bottom, #7B9A8F 0%, #4A7D6E 50%, #266053 100%);
}
</style>