#122D3E - #BBC3C7 | 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 #122D3E a #BBC3C7

#122D3E #BBC3C7

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

#122D3E - #BBC3C7 | 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 #122D3E como 0% y #BBC3C7 como 100%.

0.0%	0.0% #122D3E	RGB 18 45 62	#122D3E
16.7%	16.7% #2E4654	RGB 46 70 84	#2E4654
33.3%	33.3% #4A5F6B	RGB 74 95 107	#4A5F6B
50.0%	50.0% #667882	RGB 102 120 130	#667882
66.7%	66.7% #829199	RGB 130 145 153	#829199
83.3%	83.3% #9EAAB0	RGB 158 170 176	#9EAAB0
100.0%	100.0% #BBC3C7	RGB 187 195 199	#BBC3C7

#122D3E #2E4654 #4A5F6B #667882 #829199 #9EAAB0 #BBC3C7

#122D3E - #BBC3C7

Mezcla HSV

#122D3E - #BBC3C7 | 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 #122D3E como 0% y #BBC3C7 como 100%.

0.0%	0.0% #122D3E	RGB 18 45 62	#122D3E
16.7%	16.7% #214154	RGB 33 65 84	#214154
33.3%	33.3% #36586B	RGB 54 88 107	#36586B
50.0%	50.0% #507082	RGB 80 112 130	#507082
66.7%	66.7% #6E8A99	RGB 110 138 153	#6E8A99
83.3%	83.3% #92A6B0	RGB 146 166 176	#92A6B0
100.0%	100.0% #BBC3C7	RGB 187 195 199	#BBC3C7

#122D3E #214154 #36586B #507082 #6E8A99 #92A6B0 #BBC3C7

#122D3E - #507082 - #BBC3C7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #122D3E 0%, #507082 50%, #BBC3C7 100%);
    background: -webkit-linear-gradient(top, #122D3E 0%, #507082 50%, #BBC3C7 100%);
    background: linear-gradient(to bottom, #122D3E 0%, #507082 50%, #BBC3C7 100%);
}
</style>