#234B5E - #181817 | 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 #234B5E a #181817

#234B5E #181817

Calcule el color entre dos colores, #234B5E y #181817. 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)

#234B5E - #181817 | 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 #234B5E como 0% y #181817 como 100%.

0.0%	0.0% #234B5E	RGB 35 75 94	#234B5E
16.7%	16.7% #214252	RGB 33 66 82	#214252
33.3%	33.3% #1F3A46	RGB 31 58 70	#1F3A46
50.0%	50.0% #1D313A	RGB 29 49 58	#1D313A
66.7%	66.7% #1B292E	RGB 27 41 46	#1B292E
83.3%	83.3% #192022	RGB 25 32 34	#192022
100.0%	100.0% #181817	RGB 24 24 23	#181817

#234B5E #214252 #1F3A46 #1D313A #1B292E #192022 #181817

#234B5E - #181817

Mezcla HSV

#234B5E - #181817 | 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 #234B5E como 0% y #181817 como 100%.

0.0%	0.0% #234B5E	RGB 35 75 94	#234B5E
16.7%	16.7% #26524F	RGB 38 82 79	#26524F
33.3%	33.3% #284638	RGB 40 70 56	#284638
50.0%	50.0% #273B2A	RGB 39 59 42	#273B2A
66.7%	66.7% #262F24	RGB 38 47 36	#262F24
83.3%	83.3% #21231E	RGB 33 35 30	#21231E
100.0%	100.0% #181817	RGB 24 24 23	#181817

#234B5E #26524F #284638 #273B2A #262F24 #21231E #181817

#234B5E - #273B2A - #181817

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #234B5E 0%, #273B2A 50%, #181817 100%);
    background: -webkit-linear-gradient(top, #234B5E 0%, #273B2A 50%, #181817 100%);
    background: linear-gradient(to bottom, #234B5E 0%, #273B2A 50%, #181817 100%);
}
</style>