#5DA2FF - #94FCFF | 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 #5DA2FF to #94FCFF

#5DA2FF #94FCFF

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

#5DA2FF - #94FCFF | 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 #5DA2FF as 0% and #94FCFF as 100%.

0.0%	0.0% #5DA2FF	RGB 93 162 255	#5DA2FF
16.7%	16.7% #66B1FF	RGB 102 177 255	#66B1FF
33.3%	33.3% #6FC0FF	RGB 111 192 255	#6FC0FF
50.0%	50.0% #78CFFF	RGB 120 207 255	#78CFFF
66.7%	66.7% #81DEFF	RGB 129 222 255	#81DEFF
83.3%	83.3% #8AEDFF	RGB 138 237 255	#8AEDFF
100.0%	100.0% #94FCFF	RGB 148 252 255	#94FCFF

#5DA2FF #66B1FF #6FC0FF #78CFFF #81DEFF #8AEDFF #94FCFF

#5DA2FF - #94FCFF

HSV Blend

#5DA2FF - #94FCFF | 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 #5DA2FF as 0% and #94FCFF as 100%.

0.0%	0.0% #5DA2FF	RGB 93 162 255	#5DA2FF
16.7%	16.7% #66B5FF	RGB 102 181 255	#66B5FF
33.3%	33.3% #6FC6FF	RGB 111 198 255	#6FC6FF
50.0%	50.0% #78D6FF	RGB 120 214 255	#78D6FF
66.7%	66.7% #81E4FF	RGB 129 228 255	#81E4FF
83.3%	83.3% #8AF1FF	RGB 138 241 255	#8AF1FF
100.0%	100.0% #94FCFF	RGB 148 252 255	#94FCFF

#5DA2FF #66B5FF #6FC6FF #78D6FF #81E4FF #8AF1FF #94FCFF

#5DA2FF - #78D6FF - #94FCFF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5DA2FF 0%, #78D6FF 50%, #94FCFF 100%);
    background: -webkit-linear-gradient(top, #5DA2FF 0%, #78D6FF 50%, #94FCFF 100%);
    background: linear-gradient(to bottom, #5DA2FF 0%, #78D6FF 50%, #94FCFF 100%);
}
</style>