#53A8FF - #8CFFC5 | 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 #53A8FF to #8CFFC5

#53A8FF #8CFFC5

Calculate the color between two colors, #53A8FF and #8CFFC5. 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)

#53A8FF - #8CFFC5 | 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 #53A8FF as 0% and #8CFFC5 as 100%.

0.0%	0.0% #53A8FF	RGB 83 168 255	#53A8FF
16.7%	16.7% #5CB6F5	RGB 92 182 245	#5CB6F5
33.3%	33.3% #66C5EB	RGB 102 197 235	#66C5EB
50.0%	50.0% #6FD3E2	RGB 111 211 226	#6FD3E2
66.7%	66.7% #79E2D8	RGB 121 226 216	#79E2D8
83.3%	83.3% #82F0CE	RGB 130 240 206	#82F0CE
100.0%	100.0% #8CFFC5	RGB 140 255 197	#8CFFC5

#53A8FF #5CB6F5 #66C5EB #6FD3E2 #79E2D8 #82F0CE #8CFFC5

#53A8FF - #8CFFC5

HSV Blend

#53A8FF - #8CFFC5 | 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 #53A8FF as 0% and #8CFFC5 as 100%.

0.0%	0.0% #53A8FF	RGB 83 168 255	#53A8FF
16.7%	16.7% #5CC8FF	RGB 92 200 255	#5CC8FF
33.3%	33.3% #66E5FF	RGB 102 229 255	#66E5FF
50.0%	50.0% #6FFEFF	RGB 111 254 255	#6FFEFF
66.7%	66.7% #79FFE8	RGB 121 255 232	#79FFE8
83.3%	83.3% #82FFD5	RGB 130 255 213	#82FFD5
100.0%	100.0% #8CFFC5	RGB 140 255 197	#8CFFC5

#53A8FF #5CC8FF #66E5FF #6FFEFF #79FFE8 #82FFD5 #8CFFC5

#53A8FF - #6FFEFF - #8CFFC5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #53A8FF 0%, #6FFEFF 50%, #8CFFC5 100%);
    background: -webkit-linear-gradient(top, #53A8FF 0%, #6FFEFF 50%, #8CFFC5 100%);
    background: linear-gradient(to bottom, #53A8FF 0%, #6FFEFF 50%, #8CFFC5 100%);
}
</style>