#5EAFBA - #266174 | 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 #5EAFBA to #266174

#5EAFBA #266174

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

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

0.0%	0.0% #5EAFBA	RGB 94 175 186	#5EAFBA
16.7%	16.7% #54A2AE	RGB 84 162 174	#54A2AE
33.3%	33.3% #4B95A2	RGB 75 149 162	#4B95A2
50.0%	50.0% #428897	RGB 66 136 151	#428897
66.7%	66.7% #387B8B	RGB 56 123 139	#387B8B
83.3%	83.3% #2F6E7F	RGB 47 110 127	#2F6E7F
100.0%	100.0% #266174	RGB 38 97 116	#266174

#5EAFBA #54A2AE #4B95A2 #428897 #387B8B #2F6E7F #266174

#5EAFBA - #266174

HSV Blend

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

0.0%	0.0% #5EAEBA	RGB 94 174 186	#5EAEBA
16.7%	16.7% #52A1AE	RGB 82 161 174	#52A1AE
33.3%	33.3% #4894A2	RGB 72 148 162	#4894A2
50.0%	50.0% #3E8797	RGB 62 135 151	#3E8797
66.7%	66.7% #357A8B	RGB 53 122 139	#357A8B
83.3%	83.3% #2D6D7F	RGB 45 109 127	#2D6D7F
100.0%	100.0% #266174	RGB 38 97 116	#266174

#5EAEBA #52A1AE #4894A2 #3E8797 #357A8B #2D6D7F #266174

#5EAFBA - #3E8797 - #266174

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5EAEBA 0%, #3E8797 50%, #266174 100%);
    background: -webkit-linear-gradient(top, #5EAEBA 0%, #3E8797 50%, #266174 100%);
    background: linear-gradient(to bottom, #5EAEBA 0%, #3E8797 50%, #266174 100%);
}
</style>