#5E5F8D - #78ADFF | 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 #5E5F8D to #78ADFF

#5E5F8D #78ADFF

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

#5E5F8D - #78ADFF | 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 #5E5F8D as 0% and #78ADFF as 100%.

0.0%	0.0% #5E5F8D	RGB 94 95 141	#5E5F8D
16.7%	16.7% #626CA0	RGB 98 108 160	#626CA0
33.3%	33.3% #6679B3	RGB 102 121 179	#6679B3
50.0%	50.0% #6B86C6	RGB 107 134 198	#6B86C6
66.7%	66.7% #6F93D9	RGB 111 147 217	#6F93D9
83.3%	83.3% #73A0EC	RGB 115 160 236	#73A0EC
100.0%	100.0% #78ADFF	RGB 120 173 255	#78ADFF

#5E5F8D #626CA0 #6679B3 #6B86C6 #6F93D9 #73A0EC #78ADFF

#5E5F8D - #78ADFF

HSV Blend

#5E5F8D - #78ADFF | 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 #5E5F8D as 0% and #78ADFF as 100%.

0.0%	0.0% #5E5F8D	RGB 94 95 141	#5E5F8D
16.7%	16.7% #656AA0	RGB 101 106 160	#656AA0
33.3%	33.3% #6B75B3	RGB 107 117 179	#6B75B3
50.0%	50.0% #7082C6	RGB 112 130 198	#7082C6
66.7%	66.7% #748FD9	RGB 116 143 217	#748FD9
83.3%	83.3% #769DEC	RGB 118 157 236	#769DEC
100.0%	100.0% #78ADFF	RGB 120 173 255	#78ADFF

#5E5F8D #656AA0 #6B75B3 #7082C6 #748FD9 #769DEC #78ADFF

#5E5F8D - #7082C6 - #78ADFF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5F8D 0%, #7082C6 50%, #78ADFF 100%);
    background: -webkit-linear-gradient(top, #5E5F8D 0%, #7082C6 50%, #78ADFF 100%);
    background: linear-gradient(to bottom, #5E5F8D 0%, #7082C6 50%, #78ADFF 100%);
}
</style>