#004155 - #5EAF9C | 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 #004155 to #5EAF9C

#004155 #5EAF9C

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

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

0.0%	0.0% #004155	RGB 0 65 85	#004155
16.7%	16.7% #0F5360	RGB 15 83 96	#0F5360
33.3%	33.3% #1F656C	RGB 31 101 108	#1F656C
50.0%	50.0% #2F7878	RGB 47 120 120	#2F7878
66.7%	66.7% #3E8A84	RGB 62 138 132	#3E8A84
83.3%	83.3% #4E9C90	RGB 78 156 144	#4E9C90
100.0%	100.0% #5EAF9C	RGB 94 175 156	#5EAF9C

#004155 #0F5360 #1F656C #2F7878 #3E8A84 #4E9C90 #5EAF9C

#004155 - #5EAF9C

HSV Blend

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

0.0%	0.0% #004155	RGB 0 65 85	#004155
16.7%	16.7% #085564	RGB 8 85 100	#085564
33.3%	33.3% #146B73	RGB 20 107 115	#146B73
50.0%	50.0% #228182	RGB 34 129 130	#228182
66.7%	66.7% #339189	RGB 51 145 137	#339189
83.3%	83.3% #47A092	RGB 71 160 146	#47A092
100.0%	100.0% #5EAF9C	RGB 94 175 156	#5EAF9C

#004155 #085564 #146B73 #228182 #339189 #47A092 #5EAF9C

#004155 - #228182 - #5EAF9C

CSS codes

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

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