#151527 - #000C0B | 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 #151527 a #000C0B

#151527 #000C0B

Calcule el color entre dos colores, #151527 y #000C0B. 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)

#151527 - #000C0B | 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 #151527 como 0% y #000C0B como 100%.

0.0%	0.0% #151527	RGB 21 21 39	#151527
16.7%	16.7% #111322	RGB 17 19 34	#111322
33.3%	33.3% #0E121D	RGB 14 18 29	#0E121D
50.0%	50.0% #0A1019	RGB 10 16 25	#0A1019
66.7%	66.7% #060F14	RGB 6 15 20	#060F14
83.3%	83.3% #030D0F	RGB 3 13 15	#030D0F
100.0%	100.0% #000C0B	RGB 0 12 11	#000C0B

#151527 #111322 #0E121D #0A1019 #060F14 #030D0F #000C0B

#151527 - #000C0B

Mezcla HSV

#151527 - #000C0B | 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 #151527 como 0% y #000C0B como 100%.

0.0%	0.0% #151527	RGB 21 21 39	#151527
16.7%	16.7% #0F1222	RGB 15 18 34	#0F1222
33.3%	33.3% #0A111E	RGB 10 17 30	#0A111E
50.0%	50.0% #061019	RGB 6 16 25	#061019
66.7%	66.7% #031015	RGB 3 16 21	#031015
83.3%	83.3% #010F10	RGB 1 15 16	#010F10
100.0%	100.0% #000C0B	RGB 0 12 11	#000C0B

#151527 #0F1222 #0A111E #061019 #031015 #010F10 #000C0B

#151527 - #061019 - #000C0B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #151527 0%, #061019 50%, #000C0B 100%);
    background: -webkit-linear-gradient(top, #151527 0%, #061019 50%, #000C0B 100%);
    background: linear-gradient(to bottom, #151527 0%, #061019 50%, #000C0B 100%);
}
</style>