#41738D - #5EACEF | 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 #41738D a #5EACEF

#41738D #5EACEF

Calcule el color entre dos colores, #41738D y #5EACEF. 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)

#41738D - #5EACEF | 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 #41738D como 0% y #5EACEF como 100%.

0.0%	0.0% #41738D	RGB 65 115 141	#41738D
16.7%	16.7% #457C9D	RGB 69 124 157	#457C9D
33.3%	33.3% #4A86AD	RGB 74 134 173	#4A86AD
50.0%	50.0% #4F8FBE	RGB 79 143 190	#4F8FBE
66.7%	66.7% #5499CE	RGB 84 153 206	#5499CE
83.3%	83.3% #59A2DE	RGB 89 162 222	#59A2DE
100.0%	100.0% #5EACEF	RGB 94 172 239	#5EACEF

#41738D #457C9D #4A86AD #4F8FBE #5499CE #59A2DE #5EACEF

#41738D - #5EACEF

Mezcla HSV

#41738D - #5EACEF | 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 #41738D como 0% y #5EACEF como 100%.

0.0%	0.0% #41738D	RGB 65 115 141	#41738D
16.7%	16.7% #467D9D	RGB 70 125 157	#467D9D
33.3%	33.3% #4C88AD	RGB 76 136 173	#4C88AD
50.0%	50.0% #5192BE	RGB 81 146 190	#5192BE
66.7%	66.7% #559BCE	RGB 85 155 206	#559BCE
83.3%	83.3% #5AA4DE	RGB 90 164 222	#5AA4DE
100.0%	100.0% #5EACEF	RGB 94 172 239	#5EACEF

#41738D #467D9D #4C88AD #5192BE #559BCE #5AA4DE #5EACEF

#41738D - #5192BE - #5EACEF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #41738D 0%, #5192BE 50%, #5EACEF 100%);
    background: -webkit-linear-gradient(top, #41738D 0%, #5192BE 50%, #5EACEF 100%);
    background: linear-gradient(to bottom, #41738D 0%, #5192BE 50%, #5EACEF 100%);
}
</style>