#5E8CFF - #96CBFC | 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 #5E8CFF to #96CBFC

#5E8CFF #96CBFC

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

#5E8CFF - #96CBFC | 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 #5E8CFF as 0% and #96CBFC as 100%.

0.0%	0.0% #5E8CFF	RGB 94 140 255	#5E8CFF
16.7%	16.7% #6796FE	RGB 103 150 254	#6796FE
33.3%	33.3% #70A1FE	RGB 112 161 254	#70A1FE
50.0%	50.0% #7AABFD	RGB 122 171 253	#7AABFD
66.7%	66.7% #83B6FD	RGB 131 182 253	#83B6FD
83.3%	83.3% #8CC0FC	RGB 140 192 252	#8CC0FC
100.0%	100.0% #96CBFC	RGB 150 203 252	#96CBFC

#5E8CFF #6796FE #70A1FE #7AABFD #83B6FD #8CC0FC #96CBFC

#5E8CFF - #96CBFC

HSV Blend

#5E8CFF - #96CBFC | 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 #5E8CFF as 0% and #96CBFC as 100%.

0.0%	0.0% #5D8BFF	RGB 93 139 255	#5D8BFF
16.7%	16.7% #6798FE	RGB 103 152 254	#6798FE
33.3%	33.3% #70A4FE	RGB 112 164 254	#70A4FE
50.0%	50.0% #7AAFFD	RGB 122 175 253	#7AAFFD
66.7%	66.7% #83B9FD	RGB 131 185 253	#83B9FD
83.3%	83.3% #8CC2FC	RGB 140 194 252	#8CC2FC
100.0%	100.0% #96CBFC	RGB 150 203 252	#96CBFC

#5D8BFF #6798FE #70A4FE #7AAFFD #83B9FD #8CC2FC #96CBFC

#5E8CFF - #7AAFFD - #96CBFC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D8BFF 0%, #7AAFFD 50%, #96CBFC 100%);
    background: -webkit-linear-gradient(top, #5D8BFF 0%, #7AAFFD 50%, #96CBFC 100%);
    background: linear-gradient(to bottom, #5D8BFF 0%, #7AAFFD 50%, #96CBFC 100%);
}
</style>