#5E6FFF - #83BCFF | 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 #5E6FFF to #83BCFF

#5E6FFF #83BCFF

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

#5E6FFF - #83BCFF | 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 #5E6FFF as 0% and #83BCFF as 100%.

0.0%	0.0% #5E6FFF	RGB 94 111 255	#5E6FFF
16.7%	16.7% #647BFF	RGB 100 123 255	#647BFF
33.3%	33.3% #6A88FF	RGB 106 136 255	#6A88FF
50.0%	50.0% #7095FF	RGB 112 149 255	#7095FF
66.7%	66.7% #76A2FF	RGB 118 162 255	#76A2FF
83.3%	83.3% #7CAFFF	RGB 124 175 255	#7CAFFF
100.0%	100.0% #83BCFF	RGB 131 188 255	#83BCFF

#5E6FFF #647BFF #6A88FF #7095FF #76A2FF #7CAFFF #83BCFF

#5E6FFF - #83BCFF

HSV Blend

#5E6FFF - #83BCFF | 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 #5E6FFF as 0% and #83BCFF as 100%.

0.0%	0.0% #5D6FFF	RGB 93 111 255	#5D6FFF
16.7%	16.7% #647DFF	RGB 100 125 255	#647DFF
33.3%	33.3% #6A8BFF	RGB 106 139 255	#6A8BFF
50.0%	50.0% #7098FF	RGB 112 152 255	#7098FF
66.7%	66.7% #76A5FF	RGB 118 165 255	#76A5FF
83.3%	83.3% #7CB0FF	RGB 124 176 255	#7CB0FF
100.0%	100.0% #83BCFF	RGB 131 188 255	#83BCFF

#5D6FFF #647DFF #6A8BFF #7098FF #76A5FF #7CB0FF #83BCFF

#5E6FFF - #7098FF - #83BCFF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D6FFF 0%, #7098FF 50%, #83BCFF 100%);
    background: -webkit-linear-gradient(top, #5D6FFF 0%, #7098FF 50%, #83BCFF 100%);
    background: linear-gradient(to bottom, #5D6FFF 0%, #7098FF 50%, #83BCFF 100%);
}
</style>