#1E2421 - #002606 | 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 #1E2421 a #002606

#1E2421 #002606

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

#1E2421 - #002606 | 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 #1E2421 como 0% y #002606 como 100%.

0.0%	0.0% #1E2421	RGB 30 36 33	#1E2421
16.7%	16.7% #19241C	RGB 25 36 28	#19241C
33.3%	33.3% #142418	RGB 20 36 24	#142418
50.0%	50.0% #0F2513	RGB 15 37 19	#0F2513
66.7%	66.7% #0A250F	RGB 10 37 15	#0A250F
83.3%	83.3% #05250A	RGB 5 37 10	#05250A
100.0%	100.0% #002606	RGB 0 38 6	#002606

#1E2421 #19241C #142418 #0F2513 #0A250F #05250A #002606

#1E2421 - #002606

Mezcla HSV

#1E2421 - #002606 | 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 #1E2421 como 0% y #002606 como 100%.

0.0%	0.0% #1E2421	RGB 30 36 33	#1E2421
16.7%	16.7% #19241E	RGB 25 36 30	#19241E
33.3%	33.3% #14241A	RGB 20 36 26	#14241A
50.0%	50.0% #0F2516	RGB 15 37 22	#0F2516
66.7%	66.7% #0A2511	RGB 10 37 17	#0A2511
83.3%	83.3% #05250C	RGB 5 37 12	#05250C
100.0%	100.0% #002606	RGB 0 38 6	#002606

#1E2421 #19241E #14241A #0F2516 #0A2511 #05250C #002606

#1E2421 - #0F2516 - #002606

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1E2421 0%, #0F2516 50%, #002606 100%);
    background: -webkit-linear-gradient(top, #1E2421 0%, #0F2516 50%, #002606 100%);
    background: linear-gradient(to bottom, #1E2421 0%, #0F2516 50%, #002606 100%);
}
</style>