#7AAEB6 - #385E70 | 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 #7AAEB6 to #385E70

#7AAEB6 #385E70

Calculate the color between two colors, #7AAEB6 and #385E70. 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)

#7AAEB6 - #385E70 | 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 #7AAEB6 as 0% and #385E70 as 100%.

0.0%	0.0% #7AAEB6	RGB 122 174 182	#7AAEB6
16.7%	16.7% #6FA0AA	RGB 111 160 170	#6FA0AA
33.3%	33.3% #64939E	RGB 100 147 158	#64939E
50.0%	50.0% #598693	RGB 89 134 147	#598693
66.7%	66.7% #4E7887	RGB 78 120 135	#4E7887
83.3%	83.3% #436B7B	RGB 67 107 123	#436B7B
100.0%	100.0% #385E70	RGB 56 94 112	#385E70

#7AAEB6 #6FA0AA #64939E #598693 #4E7887 #436B7B #385E70

#7AAEB6 - #385E70

HSV Blend

#7AAEB6 - #385E70 | 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 #7AAEB6 as 0% and #385E70 as 100%.

0.0%	0.0% #7AAEB6	RGB 122 174 182	#7AAEB6
16.7%	16.7% #6DA0AA	RGB 109 160 170	#6DA0AA
33.3%	33.3% #61929E	RGB 97 146 158	#61929E
50.0%	50.0% #568593	RGB 86 133 147	#568593
66.7%	66.7% #4B7787	RGB 75 119 135	#4B7787
83.3%	83.3% #416A7B	RGB 65 106 123	#416A7B
100.0%	100.0% #385E70	RGB 56 94 112	#385E70

#7AAEB6 #6DA0AA #61929E #568593 #4B7787 #416A7B #385E70

#7AAEB6 - #568593 - #385E70

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7AAEB6 0%, #568593 50%, #385E70 100%);
    background: -webkit-linear-gradient(top, #7AAEB6 0%, #568593 50%, #385E70 100%);
    background: linear-gradient(to bottom, #7AAEB6 0%, #568593 50%, #385E70 100%);
}
</style>