#51A8A8 - #05766A | 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 #51A8A8 to #05766A

#51A8A8 #05766A

Calculate the color between two colors, #51A8A8 and #05766A. 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)

#51A8A8 - #05766A | 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 #51A8A8 as 0% and #05766A as 100%.

0.0%	0.0% #51A8A8	RGB 81 168 168	#51A8A8
16.7%	16.7% #449F9D	RGB 68 159 157	#449F9D
33.3%	33.3% #379793	RGB 55 151 147	#379793
50.0%	50.0% #2B8F89	RGB 43 143 137	#2B8F89
66.7%	66.7% #1E867E	RGB 30 134 126	#1E867E
83.3%	83.3% #117E74	RGB 17 126 116	#117E74
100.0%	100.0% #05766A	RGB 5 118 106	#05766A

#51A8A8 #449F9D #379793 #2B8F89 #1E867E #117E74 #05766A

#51A8A8 - #05766A

HSV Blend

#51A8A8 - #05766A | 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 #51A8A8 as 0% and #05766A as 100%.

0.0%	0.0% #51A8A8	RGB 81 168 168	#51A8A8
16.7%	16.7% #419F9D	RGB 65 159 157	#419F9D
33.3%	33.3% #329793	RGB 50 151 147	#329793
50.0%	50.0% #258F89	RGB 37 143 137	#258F89
66.7%	66.7% #19867E	RGB 25 134 126	#19867E
83.3%	83.3% #0E7E74	RGB 14 126 116	#0E7E74
100.0%	100.0% #05766A	RGB 5 118 106	#05766A

#51A8A8 #419F9D #329793 #258F89 #19867E #0E7E74 #05766A

#51A8A8 - #258F89 - #05766A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #51A8A8 0%, #258F89 50%, #05766A 100%);
    background: -webkit-linear-gradient(top, #51A8A8 0%, #258F89 50%, #05766A 100%);
    background: linear-gradient(to bottom, #51A8A8 0%, #258F89 50%, #05766A 100%);
}
</style>