#5E76CD - #84FFF8 | 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 #5E76CD to #84FFF8

#5E76CD #84FFF8

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

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

0.0%	0.0% #5E76CD	RGB 94 118 205	#5E76CD
16.7%	16.7% #648CD4	RGB 100 140 212	#648CD4
33.3%	33.3% #6AA3DB	RGB 106 163 219	#6AA3DB
50.0%	50.0% #71BAE2	RGB 113 186 226	#71BAE2
66.7%	66.7% #77D1E9	RGB 119 209 233	#77D1E9
83.3%	83.3% #7DE8F0	RGB 125 232 240	#7DE8F0
100.0%	100.0% #84FFF8	RGB 132 255 248	#84FFF8

#5E76CD #648CD4 #6AA3DB #71BAE2 #77D1E9 #7DE8F0 #84FFF8

#5E76CD - #84FFF8

HSV Blend

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

0.0%	0.0% #5E76CD	RGB 94 118 205	#5E76CD
16.7%	16.7% #638CD5	RGB 99 140 213	#638CD5
33.3%	33.3% #6AA3DD	RGB 106 163 221	#6AA3DD
50.0%	50.0% #70BBE6	RGB 112 187 230	#70BBE6
66.7%	66.7% #76D3EE	RGB 118 211 238	#76D3EE
83.3%	83.3% #7DECF6	RGB 125 236 246	#7DECF6
100.0%	100.0% #84FFF8	RGB 132 255 248	#84FFF8

#5E76CD #638CD5 #6AA3DD #70BBE6 #76D3EE #7DECF6 #84FFF8

#5E76CD - #70BBE6 - #84FFF8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E76CD 0%, #70BBE6 50%, #84FFF8 100%);
    background: -webkit-linear-gradient(top, #5E76CD 0%, #70BBE6 50%, #84FFF8 100%);
    background: linear-gradient(to bottom, #5E76CD 0%, #70BBE6 50%, #84FFF8 100%);
}
</style>