#5E76FD - #88BFFF | 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 #5E76FD to #88BFFF

#5E76FD #88BFFF

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

#5E76FD - #88BFFF | 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 #5E76FD as 0% and #88BFFF as 100%.

0.0%	0.0% #5E76FD	RGB 94 118 253	#5E76FD
16.7%	16.7% #6582FD	RGB 101 130 253	#6582FD
33.3%	33.3% #6C8EFD	RGB 108 142 253	#6C8EFD
50.0%	50.0% #739AFE	RGB 115 154 254	#739AFE
66.7%	66.7% #7AA6FE	RGB 122 166 254	#7AA6FE
83.3%	83.3% #81B2FE	RGB 129 178 254	#81B2FE
100.0%	100.0% #88BFFF	RGB 136 191 255	#88BFFF

#5E76FD #6582FD #6C8EFD #739AFE #7AA6FE #81B2FE #88BFFF

#5E76FD - #88BFFF

HSV Blend

#5E76FD - #88BFFF | 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 #5E76FD as 0% and #88BFFF as 100%.

0.0%	0.0% #5E76FD	RGB 94 118 253	#5E76FD
16.7%	16.7% #6483FD	RGB 100 131 253	#6483FD
33.3%	33.3% #6B91FD	RGB 107 145 253	#6B91FD
50.0%	50.0% #729DFE	RGB 114 157 254	#729DFE
66.7%	66.7% #79A9FE	RGB 121 169 254	#79A9FE
83.3%	83.3% #80B4FE	RGB 128 180 254	#80B4FE
100.0%	100.0% #88BFFF	RGB 136 191 255	#88BFFF

#5E76FD #6483FD #6B91FD #729DFE #79A9FE #80B4FE #88BFFF

#5E76FD - #729DFE - #88BFFF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E76FD 0%, #729DFE 50%, #88BFFF 100%);
    background: -webkit-linear-gradient(top, #5E76FD 0%, #729DFE 50%, #88BFFF 100%);
    background: linear-gradient(to bottom, #5E76FD 0%, #729DFE 50%, #88BFFF 100%);
}
</style>