#5EAFB6 - #286170 | 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 #5EAFB6 a #286170

#5EAFB6 #286170

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

#5EAFB6 - #286170 | 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 #5EAFB6 como 0% y #286170 como 100%.

0.0%	0.0% #5EAFB6	RGB 94 175 182	#5EAFB6
16.7%	16.7% #55A2AA	RGB 85 162 170	#55A2AA
33.3%	33.3% #4C959E	RGB 76 149 158	#4C959E
50.0%	50.0% #438893	RGB 67 136 147	#438893
66.7%	66.7% #3A7B87	RGB 58 123 135	#3A7B87
83.3%	83.3% #316E7B	RGB 49 110 123	#316E7B
100.0%	100.0% #286170	RGB 40 97 112	#286170

#5EAFB6 #55A2AA #4C959E #438893 #3A7B87 #316E7B #286170

#5EAFB6 - #286170

Mezcla HSV

#5EAFB6 - #286170 | 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 #5EAFB6 como 0% y #286170 como 100%.

0.0%	0.0% #5EAFB6	RGB 94 175 182	#5EAFB6
16.7%	16.7% #53A1AA	RGB 83 161 170	#53A1AA
33.3%	33.3% #49949E	RGB 73 148 158	#49949E
50.0%	50.0% #408793	RGB 64 135 147	#408793
66.7%	66.7% #377A87	RGB 55 122 135	#377A87
83.3%	83.3% #2F6D7B	RGB 47 109 123	#2F6D7B
100.0%	100.0% #286170	RGB 40 97 112	#286170

#5EAFB6 #53A1AA #49949E #408793 #377A87 #2F6D7B #286170

#5EAFB6 - #408793 - #286170

Códigos CSS

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

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