#5E4E7E - #7CB1C3 | 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 #5E4E7E to #7CB1C3

#5E4E7E #7CB1C3

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

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

0.0%	0.0% #5E4E7E	RGB 94 78 126	#5E4E7E
16.7%	16.7% #635E89	RGB 99 94 137	#635E89
33.3%	33.3% #686F95	RGB 104 111 149	#686F95
50.0%	50.0% #6D7FA0	RGB 109 127 160	#6D7FA0
66.7%	66.7% #7290AC	RGB 114 144 172	#7290AC
83.3%	83.3% #77A0B7	RGB 119 160 183	#77A0B7
100.0%	100.0% #7CB1C3	RGB 124 177 195	#7CB1C3

#5E4E7E #635E89 #686F95 #6D7FA0 #7290AC #77A0B7 #7CB1C3

#5E4E7E - #7CB1C3

HSV Blend

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

0.0%	0.0% #5E4E7E	RGB 94 78 126	#5E4E7E
16.7%	16.7% #5D5589	RGB 93 85 137	#5D5589
33.3%	33.3% #5D5E95	RGB 93 94 149	#5D5E95
50.0%	50.0% #6471A0	RGB 100 113 160	#6471A0
66.7%	66.7% #6C84AC	RGB 108 132 172	#6C84AC
83.3%	83.3% #749AB7	RGB 116 154 183	#749AB7
100.0%	100.0% #7CB1C3	RGB 124 177 195	#7CB1C3

#5E4E7E #5D5589 #5D5E95 #6471A0 #6C84AC #749AB7 #7CB1C3

#5E4E7E - #6471A0 - #7CB1C3

CSS codes

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

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