#5EB6BC - #1B7784 | 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 #5EB6BC to #1B7784

#5EB6BC #1B7784

Calculate the color between two colors, #5EB6BC and #1B7784. 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)

#5EB6BC - #1B7784 | 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 #5EB6BC as 0% and #1B7784 as 100%.

0.0%	0.0% #5EB6BC	RGB 94 182 188	#5EB6BC
16.7%	16.7% #52ABB2	RGB 82 171 178	#52ABB2
33.3%	33.3% #47A1A9	RGB 71 161 169	#47A1A9
50.0%	50.0% #3C96A0	RGB 60 150 160	#3C96A0
66.7%	66.7% #318C96	RGB 49 140 150	#318C96
83.3%	83.3% #26818D	RGB 38 129 141	#26818D
100.0%	100.0% #1B7784	RGB 27 119 132	#1B7784

#5EB6BC #52ABB2 #47A1A9 #3C96A0 #318C96 #26818D #1B7784

#5EB6BC - #1B7784

HSV Blend

#5EB6BC - #1B7784 | 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 #5EB6BC as 0% and #1B7784 as 100%.

0.0%	0.0% #5EB6BC	RGB 94 182 188	#5EB6BC
16.7%	16.7% #50ABB2	RGB 80 171 178	#50ABB2
33.3%	33.3% #43A0A9	RGB 67 160 169	#43A0A9
50.0%	50.0% #3896A0	RGB 56 150 160	#3896A0
66.7%	66.7% #2D8B96	RGB 45 139 150	#2D8B96
83.3%	83.3% #23818D	RGB 35 129 141	#23818D
100.0%	100.0% #1B7784	RGB 27 119 132	#1B7784

#5EB6BC #50ABB2 #43A0A9 #3896A0 #2D8B96 #23818D #1B7784

#5EB6BC - #3896A0 - #1B7784

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5EB6BC 0%, #3896A0 50%, #1B7784 100%);
    background: -webkit-linear-gradient(top, #5EB6BC 0%, #3896A0 50%, #1B7784 100%);
    background: linear-gradient(to bottom, #5EB6BC 0%, #3896A0 50%, #1B7784 100%);
}
</style>