#5E71FF - #84BDFF | 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 #5E71FF to #84BDFF

#5E71FF #84BDFF

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

#5E71FF - #84BDFF | 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 #5E71FF as 0% and #84BDFF as 100%.

0.0%	0.0% #5E71FF	RGB 94 113 255	#5E71FF
16.7%	16.7% #647DFF	RGB 100 125 255	#647DFF
33.3%	33.3% #6A8AFF	RGB 106 138 255	#6A8AFF
50.0%	50.0% #7197FF	RGB 113 151 255	#7197FF
66.7%	66.7% #77A3FF	RGB 119 163 255	#77A3FF
83.3%	83.3% #7DB0FF	RGB 125 176 255	#7DB0FF
100.0%	100.0% #84BDFF	RGB 132 189 255	#84BDFF

#5E71FF #647DFF #6A8AFF #7197FF #77A3FF #7DB0FF #84BDFF

#5E71FF - #84BDFF

HSV Blend

#5E71FF - #84BDFF | 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 #5E71FF as 0% and #84BDFF as 100%.

0.0%	0.0% #5D70FF	RGB 93 112 255	#5D70FF
16.7%	16.7% #647FFF	RGB 100 127 255	#647FFF
33.3%	33.3% #6A8DFF	RGB 106 141 255	#6A8DFF
50.0%	50.0% #719AFF	RGB 113 154 255	#719AFF
66.7%	66.7% #77A6FF	RGB 119 166 255	#77A6FF
83.3%	83.3% #7DB2FF	RGB 125 178 255	#7DB2FF
100.0%	100.0% #84BDFF	RGB 132 189 255	#84BDFF

#5D70FF #647FFF #6A8DFF #719AFF #77A6FF #7DB2FF #84BDFF

#5E71FF - #719AFF - #84BDFF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D70FF 0%, #719AFF 50%, #84BDFF 100%);
    background: -webkit-linear-gradient(top, #5D70FF 0%, #719AFF 50%, #84BDFF 100%);
    background: linear-gradient(to bottom, #5D70FF 0%, #719AFF 50%, #84BDFF 100%);
}
</style>