#5E5F6D - #7BADE5 | 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 #5E5F6D to #7BADE5

#5E5F6D #7BADE5

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

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

0.0%	0.0% #5E5F6D	RGB 94 95 109	#5E5F6D
16.7%	16.7% #626C81	RGB 98 108 129	#626C81
33.3%	33.3% #677995	RGB 103 121 149	#677995
50.0%	50.0% #6C86A9	RGB 108 134 169	#6C86A9
66.7%	66.7% #7193BD	RGB 113 147 189	#7193BD
83.3%	83.3% #76A0D1	RGB 118 160 209	#76A0D1
100.0%	100.0% #7BADE5	RGB 123 173 229	#7BADE5

#5E5F6D #626C81 #677995 #6C86A9 #7193BD #76A0D1 #7BADE5

#5E5F6D - #7BADE5

HSV Blend

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

0.0%	0.0% #5E5F6D	RGB 94 95 109	#5E5F6D
16.7%	16.7% #686B81	RGB 104 107 129	#686B81
33.3%	33.3% #707795	RGB 112 119 149	#707795
50.0%	50.0% #7683A9	RGB 118 131 169	#7683A9
66.7%	66.7% #7A90BD	RGB 122 144 189	#7A90BD
83.3%	83.3% #7B9ED1	RGB 123 158 209	#7B9ED1
100.0%	100.0% #7BADE5	RGB 123 173 229	#7BADE5

#5E5F6D #686B81 #707795 #7683A9 #7A90BD #7B9ED1 #7BADE5

#5E5F6D - #7683A9 - #7BADE5

CSS codes

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

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