#5E628F - #79AEFF | 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 #5E628F to #79AEFF

#5E628F #79AEFF

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

#5E628F - #79AEFF | 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 #5E628F as 0% and #79AEFF as 100%.

0.0%	0.0% #5E628F	RGB 94 98 143	#5E628F
16.7%	16.7% #626EA1	RGB 98 110 161	#626EA1
33.3%	33.3% #677BB4	RGB 103 123 180	#677BB4
50.0%	50.0% #6B88C7	RGB 107 136 199	#6B88C7
66.7%	66.7% #7094D9	RGB 112 148 217	#7094D9
83.3%	83.3% #74A1EC	RGB 116 161 236	#74A1EC
100.0%	100.0% #79AEFF	RGB 121 174 255	#79AEFF

#5E628F #626EA1 #677BB4 #6B88C7 #7094D9 #74A1EC #79AEFF

#5E628F - #79AEFF

HSV Blend

#5E628F - #79AEFF | 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 #5E628F as 0% and #79AEFF as 100%.

0.0%	0.0% #5E628F	RGB 94 98 143	#5E628F
16.7%	16.7% #656DA1	RGB 101 109 161	#656DA1
33.3%	33.3% #6B79B4	RGB 107 121 180	#6B79B4
50.0%	50.0% #7085C7	RGB 112 133 199	#7085C7
66.7%	66.7% #7491D9	RGB 116 145 217	#7491D9
83.3%	83.3% #779FEC	RGB 119 159 236	#779FEC
100.0%	100.0% #79AEFF	RGB 121 174 255	#79AEFF

#5E628F #656DA1 #6B79B4 #7085C7 #7491D9 #779FEC #79AEFF

#5E628F - #7085C7 - #79AEFF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E628F 0%, #7085C7 50%, #79AEFF 100%);
    background: -webkit-linear-gradient(top, #5E628F 0%, #7085C7 50%, #79AEFF 100%);
    background: linear-gradient(to bottom, #5E628F 0%, #7085C7 50%, #79AEFF 100%);
}
</style>