#5EABAC - #99BBFA | 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 #5EABAC to #99BBFA

#5EABAC #99BBFA

Calculate the color between two colors, #5EABAC and #99BBFA. 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)

#5EABAC - #99BBFA | 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 #5EABAC as 0% and #99BBFA as 100%.

0.0%	0.0% #5EABAC	RGB 94 171 172	#5EABAC
16.7%	16.7% #67ADB9	RGB 103 173 185	#67ADB9
33.3%	33.3% #71B0C6	RGB 113 176 198	#71B0C6
50.0%	50.0% #7BB3D3	RGB 123 179 211	#7BB3D3
66.7%	66.7% #85B5E0	RGB 133 181 224	#85B5E0
83.3%	83.3% #8FB8ED	RGB 143 184 237	#8FB8ED
100.0%	100.0% #99BBFA	RGB 153 187 250	#99BBFA

#5EABAC #67ADB9 #71B0C6 #7BB3D3 #85B5E0 #8FB8ED #99BBFA

#5EABAC - #99BBFA

HSV Blend

#5EABAC - #99BBFA | 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 #5EABAC as 0% and #99BBFA as 100%.

0.0%	0.0% #5EABAC	RGB 94 171 172	#5EABAC
16.7%	16.7% #67AFB9	RGB 103 175 185	#67AFB9
33.3%	33.3% #70B2C6	RGB 112 178 198	#70B2C6
50.0%	50.0% #7AB5D3	RGB 122 181 211	#7AB5D3
66.7%	66.7% #84B7E0	RGB 132 183 224	#84B7E0
83.3%	83.3% #8EB9ED	RGB 142 185 237	#8EB9ED
100.0%	100.0% #99BBFA	RGB 153 187 250	#99BBFA

#5EABAC #67AFB9 #70B2C6 #7AB5D3 #84B7E0 #8EB9ED #99BBFA

#5EABAC - #7AB5D3 - #99BBFA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5EABAC 0%, #7AB5D3 50%, #99BBFA 100%);
    background: -webkit-linear-gradient(top, #5EABAC 0%, #7AB5D3 50%, #99BBFA 100%);
    background: linear-gradient(to bottom, #5EABAC 0%, #7AB5D3 50%, #99BBFA 100%);
}
</style>