#5EAAB9 - #265C72 | 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 #5EAAB9 to #265C72

#5EAAB9 #265C72

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

#5EAAB9 - #265C72 | 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 #5EAAB9 as 0% and #265C72 as 100%.

0.0%	0.0% #5EAAB9	RGB 94 170 185	#5EAAB9
16.7%	16.7% #549DAD	RGB 84 157 173	#549DAD
33.3%	33.3% #4B90A1	RGB 75 144 161	#4B90A1
50.0%	50.0% #428395	RGB 66 131 149	#428395
66.7%	66.7% #387689	RGB 56 118 137	#387689
83.3%	83.3% #2F697D	RGB 47 105 125	#2F697D
100.0%	100.0% #265C72	RGB 38 92 114	#265C72

#5EAAB9 #549DAD #4B90A1 #428395 #387689 #2F697D #265C72

#5EAAB9 - #265C72

HSV Blend

#5EAAB9 - #265C72 | 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 #5EAAB9 as 0% and #265C72 as 100%.

0.0%	0.0% #5EAAB9	RGB 94 170 185	#5EAAB9
16.7%	16.7% #529CAD	RGB 82 156 173	#529CAD
33.3%	33.3% #488FA1	RGB 72 143 161	#488FA1
50.0%	50.0% #3E8195	RGB 62 129 149	#3E8195
66.7%	66.7% #357489	RGB 53 116 137	#357489
83.3%	83.3% #2D687D	RGB 45 104 125	#2D687D
100.0%	100.0% #265C72	RGB 38 92 114	#265C72

#5EAAB9 #529CAD #488FA1 #3E8195 #357489 #2D687D #265C72

#5EAAB9 - #3E8195 - #265C72

CSS codes

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

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