#5E769C - #A0D1A4 | 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 #5E769C to #A0D1A4

#5E769C #A0D1A4

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

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

0.0%	0.0% #5E769C	RGB 94 118 156	#5E769C
16.7%	16.7% #69859D	RGB 105 133 157	#69859D
33.3%	33.3% #74949E	RGB 116 148 158	#74949E
50.0%	50.0% #7FA3A0	RGB 127 163 160	#7FA3A0
66.7%	66.7% #8AB2A1	RGB 138 178 161	#8AB2A1
83.3%	83.3% #95C1A2	RGB 149 193 162	#95C1A2
100.0%	100.0% #A0D1A4	RGB 160 209 164	#A0D1A4

#5E769C #69859D #74949E #7FA3A0 #8AB2A1 #95C1A2 #A0D1A4

#5E769C - #A0D1A4

HSV Blend

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

0.0%	0.0% #5E769C	RGB 94 118 156	#5E769C
16.7%	16.7% #678FA4	RGB 103 143 164	#678FA4
33.3%	33.3% #72A7AD	RGB 114 167 173	#72A7AD
50.0%	50.0% #7CB6AD	RGB 124 182 173	#7CB6AD
66.7%	66.7% #88BFA8	RGB 136 191 168	#88BFA8
83.3%	83.3% #93C8A5	RGB 147 200 165	#93C8A5
100.0%	100.0% #A0D1A4	RGB 160 209 164	#A0D1A4

#5E769C #678FA4 #72A7AD #7CB6AD #88BFA8 #93C8A5 #A0D1A4

#5E769C - #7CB6AD - #A0D1A4

CSS codes

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

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