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

#369F7A #C5E3D9

Calculate the color between two colors, #369F7A 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)

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

0.0%	0.0% #369F7A	RGB 54 159 122	#369F7A
16.7%	16.7% #4DAA89	RGB 77 170 137	#4DAA89
33.3%	33.3% #65B599	RGB 101 181 153	#65B599
50.0%	50.0% #7DC1A9	RGB 125 193 169	#7DC1A9
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

#369F7A #4DAA89 #65B599 #7DC1A9 #95CCB9 #ADD7C9 #C5E3D9

#369F7A - #C5E3D9

HSV Blend

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

0.0%	0.0% #369F7A	RGB 54 159 122	#369F7A
16.7%	16.7% #48AA88	RGB 72 170 136	#48AA88
33.3%	33.3% #5DB597	RGB 93 181 151	#5DB597
50.0%	50.0% #74C1A6	RGB 116 193 166	#74C1A6
66.7%	66.7% #8DCCB6	RGB 141 204 182	#8DCCB6
83.3%	83.3% #A8D7C7	RGB 168 215 199	#A8D7C7
100.0%	100.0% #C5E3D9	RGB 197 227 217	#C5E3D9

#369F7A #48AA88 #5DB597 #74C1A6 #8DCCB6 #A8D7C7 #C5E3D9

#369F7A - #74C1A6 - #C5E3D9

CSS codes

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

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