#369F7B - #C5E3D9 | 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 #369F7B to #C5E3D9

#369F7B #C5E3D9

Calculate the color between two colors, #369F7B and #C5E3D9. 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)

#369F7B - #C5E3D9 | 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 #369F7B as 0% and #C5E3D9 as 100%.

0.0%	0.0% #369F7B	RGB 54 159 123	#369F7B
16.7%	16.7% #4DAA8A	RGB 77 170 138	#4DAA8A
33.3%	33.3% #65B59A	RGB 101 181 154	#65B59A
50.0%	50.0% #7DC1AA	RGB 125 193 170	#7DC1AA
66.7%	66.7% #95CCB9	RGB 149 204 185	#95CCB9
83.3%	83.3% #ADD7C9	RGB 173 215 201	#ADD7C9
100.0%	100.0% #C5E3D9	RGB 197 227 217	#C5E3D9

#369F7B #4DAA8A #65B59A #7DC1AA #95CCB9 #ADD7C9 #C5E3D9

#369F7B - #C5E3D9

HSV Blend

#369F7B - #C5E3D9 | 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 #369F7B as 0% and #C5E3D9 as 100%.

0.0%	0.0% #369F7B	RGB 54 159 123	#369F7B
16.7%	16.7% #48AA89	RGB 72 170 137	#48AA89
33.3%	33.3% #5DB597	RGB 93 181 151	#5DB597
50.0%	50.0% #74C1A7	RGB 116 193 167	#74C1A7
66.7%	66.7% #8DCCB7	RGB 141 204 183	#8DCCB7
83.3%	83.3% #A8D7C7	RGB 168 215 199	#A8D7C7
100.0%	100.0% #C5E3D9	RGB 197 227 217	#C5E3D9

#369F7B #48AA89 #5DB597 #74C1A7 #8DCCB7 #A8D7C7 #C5E3D9

#369F7B - #74C1A7 - #C5E3D9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #369F7B 0%, #74C1A7 50%, #C5E3D9 100%);
    background: -webkit-linear-gradient(top, #369F7B 0%, #74C1A7 50%, #C5E3D9 100%);
    background: linear-gradient(to bottom, #369F7B 0%, #74C1A7 50%, #C5E3D9 100%);
}
</style>