#5E606C - #7DAF9D | 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 #5E606C to #7DAF9D

#5E606C #7DAF9D

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

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

0.0%	0.0% #5E606C	RGB 94 96 108	#5E606C
16.7%	16.7% #636D74	RGB 99 109 116	#636D74
33.3%	33.3% #687A7C	RGB 104 122 124	#687A7C
50.0%	50.0% #6D8784	RGB 109 135 132	#6D8784
66.7%	66.7% #72948C	RGB 114 148 140	#72948C
83.3%	83.3% #77A194	RGB 119 161 148	#77A194
100.0%	100.0% #7DAF9D	RGB 125 175 157	#7DAF9D

#5E606C #636D74 #687A7C #6D8784 #72948C #77A194 #7DAF9D

#5E606C - #7DAF9D

HSV Blend

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

0.0%	0.0% #5E606C	RGB 94 96 108	#5E606C
16.7%	16.7% #646B77	RGB 100 107 119	#646B77
33.3%	33.3% #6A7782	RGB 106 119 130	#6A7782
50.0%	50.0% #70868D	RGB 112 134 141	#70868D
66.7%	66.7% #749798	RGB 116 151 152	#749798
83.3%	83.3% #79A39D	RGB 121 163 157	#79A39D
100.0%	100.0% #7DAF9D	RGB 125 175 157	#7DAF9D

#5E606C #646B77 #6A7782 #70868D #749798 #79A39D #7DAF9D

#5E606C - #70868D - #7DAF9D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E606C 0%, #70868D 50%, #7DAF9D 100%);
    background: -webkit-linear-gradient(top, #5E606C 0%, #70868D 50%, #7DAF9D 100%);
    background: linear-gradient(to bottom, #5E606C 0%, #70868D 50%, #7DAF9D 100%);
}
</style>