#5E8C8C - #156070 | 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 #5E8C8C to #156070

#5E8C8C #156070

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

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

0.0%	0.0% #5E8C8C	RGB 94 140 140	#5E8C8C
16.7%	16.7% #518487	RGB 81 132 135	#518487
33.3%	33.3% #457D82	RGB 69 125 130	#457D82
50.0%	50.0% #39767E	RGB 57 118 126	#39767E
66.7%	66.7% #2D6E79	RGB 45 110 121	#2D6E79
83.3%	83.3% #216774	RGB 33 103 116	#216774
100.0%	100.0% #156070	RGB 21 96 112	#156070

#5E8C8C #518487 #457D82 #39767E #2D6E79 #216774 #156070

#5E8C8C - #156070

HSV Blend

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

0.0%	0.0% #5E8C8C	RGB 94 140 140	#5E8C8C
16.7%	16.7% #4F8587	RGB 79 133 135	#4F8587
33.3%	33.3% #427E82	RGB 66 126 130	#427E82
50.0%	50.0% #36777E	RGB 54 119 126	#36777E
66.7%	66.7% #2A7079	RGB 42 112 121	#2A7079
83.3%	83.3% #1F6874	RGB 31 104 116	#1F6874
100.0%	100.0% #156070	RGB 21 96 112	#156070

#5E8C8C #4F8587 #427E82 #36777E #2A7079 #1F6874 #156070

#5E8C8C - #36777E - #156070

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8C8C 0%, #36777E 50%, #156070 100%);
    background: -webkit-linear-gradient(top, #5E8C8C 0%, #36777E 50%, #156070 100%);
    background: linear-gradient(to bottom, #5E8C8C 0%, #36777E 50%, #156070 100%);
}
</style>