#5EADB5 - #285F6E | 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 #5EADB5 a #285F6E

#5EADB5 #285F6E

Calcule el color entre dos colores, #5EADB5 y #285F6E. 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)

#5EADB5 - #285F6E | 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 #5EADB5 como 0% y #285F6E como 100%.

0.0%	0.0% #5EADB5	RGB 94 173 181	#5EADB5
16.7%	16.7% #55A0A9	RGB 85 160 169	#55A0A9
33.3%	33.3% #4C939D	RGB 76 147 157	#4C939D
50.0%	50.0% #438691	RGB 67 134 145	#438691
66.7%	66.7% #3A7985	RGB 58 121 133	#3A7985
83.3%	83.3% #316C79	RGB 49 108 121	#316C79
100.0%	100.0% #285F6E	RGB 40 95 110	#285F6E

#5EADB5 #55A0A9 #4C939D #438691 #3A7985 #316C79 #285F6E

#5EADB5 - #285F6E

Mezcla HSV

#5EADB5 - #285F6E | 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 #5EADB5 como 0% y #285F6E como 100%.

0.0%	0.0% #5EADB5	RGB 94 173 181	#5EADB5
16.7%	16.7% #539FA9	RGB 83 159 169	#539FA9
33.3%	33.3% #49929D	RGB 73 146 157	#49929D
50.0%	50.0% #408591	RGB 64 133 145	#408591
66.7%	66.7% #377885	RGB 55 120 133	#377885
83.3%	83.3% #2F6B79	RGB 47 107 121	#2F6B79
100.0%	100.0% #285F6E	RGB 40 95 110	#285F6E

#5EADB5 #539FA9 #49929D #408591 #377885 #2F6B79 #285F6E

#5EADB5 - #408591 - #285F6E

Códigos CSS

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

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