#122D5E - #8DAEB1 | 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 #122D5E a #8DAEB1

#122D5E #8DAEB1

Calcule el color entre dos colores, #122D5E y #8DAEB1. 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)

#122D5E - #8DAEB1 | 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 #122D5E como 0% y #8DAEB1 como 100%.

0.0%	0.0% #122D5E	RGB 18 45 94	#122D5E
16.7%	16.7% #26426B	RGB 38 66 107	#26426B
33.3%	33.3% #3B5879	RGB 59 88 121	#3B5879
50.0%	50.0% #4F6D87	RGB 79 109 135	#4F6D87
66.7%	66.7% #648395	RGB 100 131 149	#648395
83.3%	83.3% #7898A3	RGB 120 152 163	#7898A3
100.0%	100.0% #8DAEB1	RGB 141 174 177	#8DAEB1

#122D5E #26426B #3B5879 #4F6D87 #648395 #7898A3 #8DAEB1

#122D5E - #8DAEB1

Mezcla HSV

#122D5E - #8DAEB1 | 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 #122D5E como 0% y #8DAEB1 como 100%.

0.0%	0.0% #112C5E	RGB 17 44 94	#112C5E
16.7%	16.7% #1F416B	RGB 31 65 107	#1F416B
33.3%	33.3% #2F5779	RGB 47 87 121	#2F5779
50.0%	50.0% #426E87	RGB 66 110 135	#426E87
66.7%	66.7% #588495	RGB 88 132 149	#588495
83.3%	83.3% #719AA3	RGB 113 154 163	#719AA3
100.0%	100.0% #8DAEB1	RGB 141 174 177	#8DAEB1

#112C5E #1F416B #2F5779 #426E87 #588495 #719AA3 #8DAEB1

#122D5E - #426E87 - #8DAEB1

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #112C5E 0%, #426E87 50%, #8DAEB1 100%);
    background: -webkit-linear-gradient(top, #112C5E 0%, #426E87 50%, #8DAEB1 100%);
    background: linear-gradient(to bottom, #112C5E 0%, #426E87 50%, #8DAEB1 100%);
}
</style>