#73ACAB - #C4D7A8 | 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 #73ACAB to #C4D7A8

#73ACAB #C4D7A8

Calculate the color between two colors, #73ACAB and #C4D7A8. 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)

#73ACAB - #C4D7A8 | 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 #73ACAB as 0% and #C4D7A8 as 100%.

0.0%	0.0% #73ACAB	RGB 115 172 171	#73ACAB
16.7%	16.7% #80B3AA	RGB 128 179 170	#80B3AA
33.3%	33.3% #8EBAAA	RGB 142 186 170	#8EBAAA
50.0%	50.0% #9BC1A9	RGB 155 193 169	#9BC1A9
66.7%	66.7% #A9C8A9	RGB 169 200 169	#A9C8A9
83.3%	83.3% #B6CFA8	RGB 182 207 168	#B6CFA8
100.0%	100.0% #C4D7A8	RGB 196 215 168	#C4D7A8

#73ACAB #80B3AA #8EBAAA #9BC1A9 #A9C8A9 #B6CFA8 #C4D7A8

#73ACAB - #C4D7A8

HSV Blend

#73ACAB - #C4D7A8 | 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 #73ACAB as 0% and #C4D7A8 as 100%.

0.0%	0.0% #73ACAB	RGB 115 172 171	#73ACAB
16.7%	16.7% #7BB3A3	RGB 123 179 163	#7BB3A3
33.3%	33.3% #83BA9C	RGB 131 186 156	#83BA9C
50.0%	50.0% #8CC196	RGB 140 193 150	#8CC196
66.7%	66.7% #98C895	RGB 152 200 149	#98C895
83.3%	83.3% #AECF9E	RGB 174 207 158	#AECF9E
100.0%	100.0% #C4D7A8	RGB 196 215 168	#C4D7A8

#73ACAB #7BB3A3 #83BA9C #8CC196 #98C895 #AECF9E #C4D7A8

#73ACAB - #8CC196 - #C4D7A8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #73ACAB 0%, #8CC196 50%, #C4D7A8 100%);
    background: -webkit-linear-gradient(top, #73ACAB 0%, #8CC196 50%, #C4D7A8 100%);
    background: linear-gradient(to bottom, #73ACAB 0%, #8CC196 50%, #C4D7A8 100%);
}
</style>