#5E637D - #7E95EF | 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 #5E637D to #7E95EF

#5E637D #7E95EF

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

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

0.0%	0.0% #5E637D	RGB 94 99 125	#5E637D
16.7%	16.7% #636B90	RGB 99 107 144	#636B90
33.3%	33.3% #6873A3	RGB 104 115 163	#6873A3
50.0%	50.0% #6E7CB6	RGB 110 124 182	#6E7CB6
66.7%	66.7% #7384C9	RGB 115 132 201	#7384C9
83.3%	83.3% #788CDC	RGB 120 140 220	#788CDC
100.0%	100.0% #7E95EF	RGB 126 149 239	#7E95EF

#5E637D #636B90 #6873A3 #6E7CB6 #7384C9 #788CDC #7E95EF

#5E637D - #7E95EF

HSV Blend

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

0.0%	0.0% #5E637D	RGB 94 99 125	#5E637D
16.7%	16.7% #666D90	RGB 102 109 144	#666D90
33.3%	33.3% #6E77A3	RGB 110 119 163	#6E77A3
50.0%	50.0% #7480B6	RGB 116 128 182	#7480B6
66.7%	66.7% #7988C9	RGB 121 136 201	#7988C9
83.3%	83.3% #7C8FDC	RGB 124 143 220	#7C8FDC
100.0%	100.0% #7E95EF	RGB 126 149 239	#7E95EF

#5E637D #666D90 #6E77A3 #7480B6 #7988C9 #7C8FDC #7E95EF

#5E637D - #7480B6 - #7E95EF

CSS codes

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

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