#5E9C9A - #0E695B | 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 #5E9C9A to #0E695B

#5E9C9A #0E695B

Calculate the color between two colors, #5E9C9A and #0E695B. 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)

#5E9C9A - #0E695B | 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 #5E9C9A as 0% and #0E695B as 100%.

0.0%	0.0% #5E9C9A	RGB 94 156 154	#5E9C9A
16.7%	16.7% #50938F	RGB 80 147 143	#50938F
33.3%	33.3% #438B85	RGB 67 139 133	#438B85
50.0%	50.0% #36827A	RGB 54 130 122	#36827A
66.7%	66.7% #287A70	RGB 40 122 112	#287A70
83.3%	83.3% #1B7165	RGB 27 113 101	#1B7165
100.0%	100.0% #0E695B	RGB 14 105 91	#0E695B

#5E9C9A #50938F #438B85 #36827A #287A70 #1B7165 #0E695B

#5E9C9A - #0E695B

HSV Blend

#5E9C9A - #0E695B | 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 #5E9C9A as 0% and #0E695B as 100%.

0.0%	0.0% #5E9C9A	RGB 94 156 154	#5E9C9A
16.7%	16.7% #4D938F	RGB 77 147 143	#4D938F
33.3%	33.3% #3E8B85	RGB 62 139 133	#3E8B85
50.0%	50.0% #30827A	RGB 48 130 122	#30827A
66.7%	66.7% #237A70	RGB 35 122 112	#237A70
83.3%	83.3% #187165	RGB 24 113 101	#187165
100.0%	100.0% #0E695B	RGB 14 105 91	#0E695B

#5E9C9A #4D938F #3E8B85 #30827A #237A70 #187165 #0E695B

#5E9C9A - #30827A - #0E695B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E9C9A 0%, #30827A 50%, #0E695B 100%);
    background: -webkit-linear-gradient(top, #5E9C9A 0%, #30827A 50%, #0E695B 100%);
    background: linear-gradient(to bottom, #5E9C9A 0%, #30827A 50%, #0E695B 100%);
}
</style>