#616F89 - #22303B | 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 #616F89 a #22303B

#616F89 #22303B

Calcule el color entre dos colores, #616F89 y #22303B. 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)

#616F89 - #22303B | 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 #616F89 como 0% y #22303B como 100%.

0.0%	0.0% #616F89	RGB 97 111 137	#616F89
16.7%	16.7% #56647C	RGB 86 100 124	#56647C
33.3%	33.3% #4C5A6F	RGB 76 90 111	#4C5A6F
50.0%	50.0% #414F62	RGB 65 79 98	#414F62
66.7%	66.7% #374555	RGB 55 69 85	#374555
83.3%	83.3% #2C3A48	RGB 44 58 72	#2C3A48
100.0%	100.0% #22303B	RGB 34 48 59	#22303B

#616F89 #56647C #4C5A6F #414F62 #374555 #2C3A48 #22303B

#616F89 - #22303B

Mezcla HSV

#616F89 - #22303B | 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 #616F89 como 0% y #22303B como 100%.

0.0%	0.0% #616F89	RGB 97 111 137	#616F89
16.7%	16.7% #55647C	RGB 85 100 124	#55647C
33.3%	33.3% #49596F	RGB 73 89 111	#49596F
50.0%	50.0% #3E4E62	RGB 62 78 98	#3E4E62
66.7%	66.7% #344455	RGB 52 68 85	#344455
83.3%	83.3% #2B3A48	RGB 43 58 72	#2B3A48
100.0%	100.0% #22303B	RGB 34 48 59	#22303B

#616F89 #55647C #49596F #3E4E62 #344455 #2B3A48 #22303B

#616F89 - #3E4E62 - #22303B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #616F89 0%, #3E4E62 50%, #22303B 100%);
    background: -webkit-linear-gradient(top, #616F89 0%, #3E4E62 50%, #22303B 100%);
    background: linear-gradient(to bottom, #616F89 0%, #3E4E62 50%, #22303B 100%);
}
</style>