#5E5FAD - #7FFFEC | 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 #5E5FAD to #7FFFEC

#5E5FAD #7FFFEC

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

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

0.0%	0.0% #5E5FAD	RGB 94 95 173	#5E5FAD
16.7%	16.7% #6379B7	RGB 99 121 183	#6379B7
33.3%	33.3% #6994C2	RGB 105 148 194	#6994C2
50.0%	50.0% #6EAFCC	RGB 110 175 204	#6EAFCC
66.7%	66.7% #74C9D7	RGB 116 201 215	#74C9D7
83.3%	83.3% #79E4E1	RGB 121 228 225	#79E4E1
100.0%	100.0% #7FFFEC	RGB 127 255 236	#7FFFEC

#5E5FAD #6379B7 #6994C2 #6EAFCC #74C9D7 #79E4E1 #7FFFEC

#5E5FAD - #7FFFEC

HSV Blend

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

0.0%	0.0% #5E5EAD	RGB 94 94 173	#5E5EAD
16.7%	16.7% #6475BA	RGB 100 117 186	#6475BA
33.3%	33.3% #698EC8	RGB 105 142 200	#698EC8
50.0%	50.0% #6FAAD6	RGB 111 170 214	#6FAAD6
66.7%	66.7% #74CAE3	RGB 116 202 227	#74CAE3
83.3%	83.3% #7AECF1	RGB 122 236 241	#7AECF1
100.0%	100.0% #7FFFEC	RGB 127 255 236	#7FFFEC

#5E5EAD #6475BA #698EC8 #6FAAD6 #74CAE3 #7AECF1 #7FFFEC

#5E5FAD - #6FAAD6 - #7FFFEC

CSS codes

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

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