#5E64FF - #7DB5FF | 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 #5E64FF to #7DB5FF

#5E64FF #7DB5FF

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

#5E64FF - #7DB5FF | 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 #5E64FF as 0% and #7DB5FF as 100%.

0.0%	0.0% #5E64FF	RGB 94 100 255	#5E64FF
16.7%	16.7% #6371FF	RGB 99 113 255	#6371FF
33.3%	33.3% #687FFF	RGB 104 127 255	#687FFF
50.0%	50.0% #6D8CFF	RGB 109 140 255	#6D8CFF
66.7%	66.7% #729AFF	RGB 114 154 255	#729AFF
83.3%	83.3% #77A7FF	RGB 119 167 255	#77A7FF
100.0%	100.0% #7DB5FF	RGB 125 181 255	#7DB5FF

#5E64FF #6371FF #687FFF #6D8CFF #729AFF #77A7FF #7DB5FF

#5E64FF - #7DB5FF

HSV Blend

#5E64FF - #7DB5FF | 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 #5E64FF as 0% and #7DB5FF as 100%.

0.0%	0.0% #5D64FF	RGB 93 100 255	#5D64FF
16.7%	16.7% #6373FF	RGB 99 115 255	#6373FF
33.3%	33.3% #6881FF	RGB 104 129 255	#6881FF
50.0%	50.0% #6D8FFF	RGB 109 143 255	#6D8FFF
66.7%	66.7% #729CFF	RGB 114 156 255	#729CFF
83.3%	83.3% #77A9FF	RGB 119 169 255	#77A9FF
100.0%	100.0% #7DB5FF	RGB 125 181 255	#7DB5FF

#5D64FF #6373FF #6881FF #6D8FFF #729CFF #77A9FF #7DB5FF

#5E64FF - #6D8FFF - #7DB5FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D64FF 0%, #6D8FFF 50%, #7DB5FF 100%);
    background: -webkit-linear-gradient(top, #5D64FF 0%, #6D8FFF 50%, #7DB5FF 100%);
    background: linear-gradient(to bottom, #5D64FF 0%, #6D8FFF 50%, #7DB5FF 100%);
}
</style>