#5E7E8F - #7993F3 | 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 #5E7E8F to #7993F3

#5E7E8F #7993F3

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

#5E7E8F - #7993F3 | 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 #5E7E8F as 0% and #7993F3 as 100%.

0.0%	0.0% #5E7E8F	RGB 94 126 143	#5E7E8F
16.7%	16.7% #62819F	RGB 98 129 159	#62819F
33.3%	33.3% #6785B0	RGB 103 133 176	#6785B0
50.0%	50.0% #6B88C1	RGB 107 136 193	#6B88C1
66.7%	66.7% #708CD1	RGB 112 140 209	#708CD1
83.3%	83.3% #748FE2	RGB 116 143 226	#748FE2
100.0%	100.0% #7993F3	RGB 121 147 243	#7993F3

#5E7E8F #62819F #6785B0 #6B88C1 #708CD1 #748FE2 #7993F3

#5E7E8F - #7993F3

HSV Blend

#5E7E8F - #7993F3 | 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 #5E7E8F as 0% and #7993F3 as 100%.

0.0%	0.0% #5E7E8F	RGB 94 126 143	#5E7E8F
16.7%	16.7% #64869F	RGB 100 134 159	#64869F
33.3%	33.3% #6A8DB0	RGB 106 141 176	#6A8DB0
50.0%	50.0% #6F92C1	RGB 111 146 193	#6F92C1
66.7%	66.7% #7395D1	RGB 115 149 209	#7395D1
83.3%	83.3% #7695E2	RGB 118 149 226	#7695E2
100.0%	100.0% #7993F3	RGB 121 147 243	#7993F3

#5E7E8F #64869F #6A8DB0 #6F92C1 #7395D1 #7695E2 #7993F3

#5E7E8F - #6F92C1 - #7993F3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7E8F 0%, #6F92C1 50%, #7993F3 100%);
    background: -webkit-linear-gradient(top, #5E7E8F 0%, #6F92C1 50%, #7993F3 100%);
    background: linear-gradient(to bottom, #5E7E8F 0%, #6F92C1 50%, #7993F3 100%);
}
</style>