#5EABBD - #7CBDFD | 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 #5EABBD to #7CBDFD

#5EABBD #7CBDFD

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

#5EABBD - #7CBDFD | 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 #5EABBD as 0% and #7CBDFD as 100%.

0.0%	0.0% #5EABBD	RGB 94 171 189	#5EABBD
16.7%	16.7% #63AEC7	RGB 99 174 199	#63AEC7
33.3%	33.3% #68B1D2	RGB 104 177 210	#68B1D2
50.0%	50.0% #6DB4DD	RGB 109 180 221	#6DB4DD
66.7%	66.7% #72B7E7	RGB 114 183 231	#72B7E7
83.3%	83.3% #77BAF2	RGB 119 186 242	#77BAF2
100.0%	100.0% #7CBDFD	RGB 124 189 253	#7CBDFD

#5EABBD #63AEC7 #68B1D2 #6DB4DD #72B7E7 #77BAF2 #7CBDFD

#5EABBD - #7CBDFD

HSV Blend

#5EABBD - #7CBDFD | 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 #5EABBD as 0% and #7CBDFD as 100%.

0.0%	0.0% #5EABBD	RGB 94 171 189	#5EABBD
16.7%	16.7% #63AFC7	RGB 99 175 199	#63AFC7
33.3%	33.3% #68B3D2	RGB 104 179 210	#68B3D2
50.0%	50.0% #6DB6DD	RGB 109 182 221	#6DB6DD
66.7%	66.7% #72B9E7	RGB 114 185 231	#72B9E7
83.3%	83.3% #77BBF2	RGB 119 187 242	#77BBF2
100.0%	100.0% #7CBDFD	RGB 124 189 253	#7CBDFD

#5EABBD #63AFC7 #68B3D2 #6DB6DD #72B9E7 #77BBF2 #7CBDFD

#5EABBD - #6DB6DD - #7CBDFD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5EABBD 0%, #6DB6DD 50%, #7CBDFD 100%);
    background: -webkit-linear-gradient(top, #5EABBD 0%, #6DB6DD 50%, #7CBDFD 100%);
    background: linear-gradient(to bottom, #5EABBD 0%, #6DB6DD 50%, #7CBDFD 100%);
}
</style>