#1B263B - #495E6D | 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 #1B263B a #495E6D

#1B263B #495E6D

Calcule el color entre dos colores, #1B263B y #495E6D. 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)

#1B263B - #495E6D | 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 #1B263B como 0% y #495E6D como 100%.

0.0%	0.0% #1B263B	RGB 27 38 59	#1B263B
16.7%	16.7% #222F43	RGB 34 47 67	#222F43
33.3%	33.3% #2A384B	RGB 42 56 75	#2A384B
50.0%	50.0% #324254	RGB 50 66 84	#324254
66.7%	66.7% #394B5C	RGB 57 75 92	#394B5C
83.3%	83.3% #415464	RGB 65 84 100	#415464
100.0%	100.0% #495E6D	RGB 73 94 109	#495E6D

#1B263B #222F43 #2A384B #324254 #394B5C #415464 #495E6D

#1B263B - #495E6D

Mezcla HSV

#1B263B - #495E6D | 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 #1B263B como 0% y #495E6D como 100%.

0.0%	0.0% #1B263B	RGB 27 38 59	#1B263B
16.7%	16.7% #212E43	RGB 33 46 67	#212E43
33.3%	33.3% #27374B	RGB 39 55 75	#27374B
50.0%	50.0% #2F4054	RGB 47 64 84	#2F4054
66.7%	66.7% #37495C	RGB 55 73 92	#37495C
83.3%	83.3% #3F5364	RGB 63 83 100	#3F5364
100.0%	100.0% #495E6D	RGB 73 94 109	#495E6D

#1B263B #212E43 #27374B #2F4054 #37495C #3F5364 #495E6D

#1B263B - #2F4054 - #495E6D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1B263B 0%, #2F4054 50%, #495E6D 100%);
    background: -webkit-linear-gradient(top, #1B263B 0%, #2F4054 50%, #495E6D 100%);
    background: linear-gradient(to bottom, #1B263B 0%, #2F4054 50%, #495E6D 100%);
}
</style>