#81B7A8 - #26806E | 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 #81B7A8 to #26806E

#81B7A8 #26806E

Calculate the color between two colors, #81B7A8 and #26806E. 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)

#81B7A8 - #26806E | 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 #81B7A8 as 0% and #26806E as 100%.

0.0%	0.0% #81B7A8	RGB 129 183 168	#81B7A8
16.7%	16.7% #71AD9E	RGB 113 173 158	#71AD9E
33.3%	33.3% #62A494	RGB 98 164 148	#62A494
50.0%	50.0% #539B8B	RGB 83 155 139	#539B8B
66.7%	66.7% #449281	RGB 68 146 129	#449281
83.3%	83.3% #358977	RGB 53 137 119	#358977
100.0%	100.0% #26806E	RGB 38 128 110	#26806E

#81B7A8 #71AD9E #62A494 #539B8B #449281 #358977 #26806E

#81B7A8 - #26806E

HSV Blend

#81B7A8 - #26806E | 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 #81B7A8 as 0% and #26806E as 100%.

0.0%	0.0% #81B7A8	RGB 129 183 168	#81B7A8
16.7%	16.7% #6EAD9D	RGB 110 173 157	#6EAD9D
33.3%	33.3% #5DA492	RGB 93 164 146	#5DA492
50.0%	50.0% #4D9B88	RGB 77 155 136	#4D9B88
66.7%	66.7% #3F927F	RGB 63 146 127	#3F927F
83.3%	83.3% #328976	RGB 50 137 118	#328976
100.0%	100.0% #26806E	RGB 38 128 110	#26806E

#81B7A8 #6EAD9D #5DA492 #4D9B88 #3F927F #328976 #26806E

#81B7A8 - #4D9B88 - #26806E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #81B7A8 0%, #4D9B88 50%, #26806E 100%);
    background: -webkit-linear-gradient(top, #81B7A8 0%, #4D9B88 50%, #26806E 100%);
    background: linear-gradient(to bottom, #81B7A8 0%, #4D9B88 50%, #26806E 100%);
}
</style>