#74A8A8 - #18746B | 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 #74A8A8 to #18746B

#74A8A8 #18746B

Calculate the color between two colors, #74A8A8 and #18746B. 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)

#74A8A8 - #18746B | 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 #74A8A8 as 0% and #18746B as 100%.

0.0%	0.0% #74A8A8	RGB 116 168 168	#74A8A8
16.7%	16.7% #649F9D	RGB 100 159 157	#649F9D
33.3%	33.3% #559693	RGB 85 150 147	#559693
50.0%	50.0% #468E89	RGB 70 142 137	#468E89
66.7%	66.7% #36857F	RGB 54 133 127	#36857F
83.3%	83.3% #277C75	RGB 39 124 117	#277C75
100.0%	100.0% #18746B	RGB 24 116 107	#18746B

#74A8A8 #649F9D #559693 #468E89 #36857F #277C75 #18746B

#74A8A8 - #18746B

HSV Blend

#74A8A8 - #18746B | 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 #74A8A8 as 0% and #18746B as 100%.

0.0%	0.0% #74A8A8	RGB 116 168 168	#74A8A8
16.7%	16.7% #619F9E	RGB 97 159 158	#619F9E
33.3%	33.3% #4F9694	RGB 79 150 148	#4F9694
50.0%	50.0% #3F8E8A	RGB 63 142 138	#3F8E8A
66.7%	66.7% #31857F	RGB 49 133 127	#31857F
83.3%	83.3% #237C75	RGB 35 124 117	#237C75
100.0%	100.0% #18746B	RGB 24 116 107	#18746B

#74A8A8 #619F9E #4F9694 #3F8E8A #31857F #237C75 #18746B

#74A8A8 - #3F8E8A - #18746B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #74A8A8 0%, #3F8E8A 50%, #18746B 100%);
    background: -webkit-linear-gradient(top, #74A8A8 0%, #3F8E8A 50%, #18746B 100%);
    background: linear-gradient(to bottom, #74A8A8 0%, #3F8E8A 50%, #18746B 100%);
}
</style>