#5E6DFF - #82BAFF | 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 #5E6DFF to #82BAFF

#5E6DFF #82BAFF

Calculate the color between two colors, #5E6DFF and #82BAFF. 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)

#5E6DFF - #82BAFF | 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 #5E6DFF as 0% and #82BAFF as 100%.

0.0%	0.0% #5E6DFF	RGB 94 109 255	#5E6DFF
16.7%	16.7% #6479FF	RGB 100 121 255	#6479FF
33.3%	33.3% #6A86FF	RGB 106 134 255	#6A86FF
50.0%	50.0% #7093FF	RGB 112 147 255	#7093FF
66.7%	66.7% #76A0FF	RGB 118 160 255	#76A0FF
83.3%	83.3% #7CADFF	RGB 124 173 255	#7CADFF
100.0%	100.0% #82BAFF	RGB 130 186 255	#82BAFF

#5E6DFF #6479FF #6A86FF #7093FF #76A0FF #7CADFF #82BAFF

#5E6DFF - #82BAFF

HSV Blend

#5E6DFF - #82BAFF | 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 #5E6DFF as 0% and #82BAFF as 100%.

0.0%	0.0% #5D6CFF	RGB 93 108 255	#5D6CFF
16.7%	16.7% #637BFF	RGB 99 123 255	#637BFF
33.3%	33.3% #6989FF	RGB 105 137 255	#6989FF
50.0%	50.0% #6F96FF	RGB 111 150 255	#6F96FF
66.7%	66.7% #76A3FF	RGB 118 163 255	#76A3FF
83.3%	83.3% #7CAEFF	RGB 124 174 255	#7CAEFF
100.0%	100.0% #82BAFF	RGB 130 186 255	#82BAFF

#5D6CFF #637BFF #6989FF #6F96FF #76A3FF #7CAEFF #82BAFF

#5E6DFF - #6F96FF - #82BAFF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D6CFF 0%, #6F96FF 50%, #82BAFF 100%);
    background: -webkit-linear-gradient(top, #5D6CFF 0%, #6F96FF 50%, #82BAFF 100%);
    background: linear-gradient(to bottom, #5D6CFF 0%, #6F96FF 50%, #82BAFF 100%);
}
</style>