#003B5E - #5DB8AB | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #003B5E a #5DB8AB

#003B5E #5DB8AB

Calcule el color entre dos colores, #003B5E y #5DB8AB. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#003B5E - #5DB8AB | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #003B5E como 0% y #5DB8AB como 100%.

0.0%	0.0% #003B5E	RGB 0 59 94	#003B5E
16.7%	16.7% #0F4F6A	RGB 15 79 106	#0F4F6A
33.3%	33.3% #1F6477	RGB 31 100 119	#1F6477
50.0%	50.0% #2E7984	RGB 46 121 132	#2E7984
66.7%	66.7% #3E8E91	RGB 62 142 145	#3E8E91
83.3%	83.3% #4DA39E	RGB 77 163 158	#4DA39E
100.0%	100.0% #5DB8AB	RGB 93 184 171	#5DB8AB

#003B5E #0F4F6A #1F6477 #2E7984 #3E8E91 #4DA39E #5DB8AB

#003B5E - #5DB8AB

Mezcla HSV

#003B5E - #5DB8AB | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #003B5E como 0% y #5DB8AB como 100%.

0.0%	0.0% #003B5E	RGB 0 59 94	#003B5E
16.7%	16.7% #09506D	RGB 9 80 109	#09506D
33.3%	33.3% #14677C	RGB 20 103 124	#14677C
50.0%	50.0% #237F8B	RGB 35 127 139	#237F8B
66.7%	66.7% #33979A	RGB 51 151 154	#33979A
83.3%	83.3% #47A9A3	RGB 71 169 163	#47A9A3
100.0%	100.0% #5DB8AB	RGB 93 184 171	#5DB8AB

#003B5E #09506D #14677C #237F8B #33979A #47A9A3 #5DB8AB

#003B5E - #237F8B - #5DB8AB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #003B5E 0%, #237F8B 50%, #5DB8AB 100%);
    background: -webkit-linear-gradient(top, #003B5E 0%, #237F8B 50%, #5DB8AB 100%);
    background: linear-gradient(to bottom, #003B5E 0%, #237F8B 50%, #5DB8AB 100%);
}
</style>