#5E6C9F - #7EF6DF | 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 #5E6C9F to #7EF6DF

#5E6C9F #7EF6DF

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

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

0.0%	0.0% #5E6C9F	RGB 94 108 159	#5E6C9F
16.7%	16.7% #6383A9	RGB 99 131 169	#6383A9
33.3%	33.3% #689AB4	RGB 104 154 180	#689AB4
50.0%	50.0% #6EB1BF	RGB 110 177 191	#6EB1BF
66.7%	66.7% #73C8C9	RGB 115 200 201	#73C8C9
83.3%	83.3% #78DFD4	RGB 120 223 212	#78DFD4
100.0%	100.0% #7EF6DF	RGB 126 246 223	#7EF6DF

#5E6C9F #6383A9 #689AB4 #6EB1BF #73C8C9 #78DFD4 #7EF6DF

#5E6C9F - #7EF6DF

HSV Blend

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

0.0%	0.0% #5E6C9F	RGB 94 108 159	#5E6C9F
16.7%	16.7% #647FAD	RGB 100 127 173	#647FAD
33.3%	33.3% #6A96BC	RGB 106 150 188	#6A96BC
50.0%	50.0% #6FAFCA	RGB 111 175 202	#6FAFCA
66.7%	66.7% #74CBD9	RGB 116 203 217	#74CBD9
83.3%	83.3% #79E7E4	RGB 121 231 228	#79E7E4
100.0%	100.0% #7EF6DF	RGB 126 246 223	#7EF6DF

#5E6C9F #647FAD #6A96BC #6FAFCA #74CBD9 #79E7E4 #7EF6DF

#5E6C9F - #6FAFCA - #7EF6DF

CSS codes

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

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