#102C39 - #040C10 | 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 #102C39 a #040C10

#102C39 #040C10

Calcule el color entre dos colores, #102C39 y #040C10. 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)

#102C39 - #040C10 | 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 #102C39 como 0% y #040C10 como 100%.

0.0%	0.0% #102C39	RGB 16 44 57	#102C39
16.7%	16.7% #0E2632	RGB 14 38 50	#0E2632
33.3%	33.3% #0C212B	RGB 12 33 43	#0C212B
50.0%	50.0% #0A1C24	RGB 10 28 36	#0A1C24
66.7%	66.7% #08161D	RGB 8 22 29	#08161D
83.3%	83.3% #061116	RGB 6 17 22	#061116
100.0%	100.0% #040C10	RGB 4 12 16	#040C10

#102C39 #0E2632 #0C212B #0A1C24 #08161D #061116 #040C10

#102C39 - #040C10

Mezcla HSV

#102C39 - #040C10 | 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 #102C39 como 0% y #040C10 como 100%.

0.0%	0.0% #102C39	RGB 16 44 57	#102C39
16.7%	16.7% #0D2632	RGB 13 38 50	#0D2632
33.3%	33.3% #0B212B	RGB 11 33 43	#0B212B
50.0%	50.0% #091B24	RGB 9 27 36	#091B24
66.7%	66.7% #07161D	RGB 7 22 29	#07161D
83.3%	83.3% #051116	RGB 5 17 22	#051116
100.0%	100.0% #040C10	RGB 4 12 16	#040C10

#102C39 #0D2632 #0B212B #091B24 #07161D #051116 #040C10

#102C39 - #091B24 - #040C10

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #102C39 0%, #091B24 50%, #040C10 100%);
    background: -webkit-linear-gradient(top, #102C39 0%, #091B24 50%, #040C10 100%);
    background: linear-gradient(to bottom, #102C39 0%, #091B24 50%, #040C10 100%);
}
</style>