#2D3C0F - #0F2103 | 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 #2D3C0F a #0F2103

#2D3C0F #0F2103

Calcule el color entre dos colores, #2D3C0F y #0F2103. 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)

#2D3C0F - #0F2103 | 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 #2D3C0F como 0% y #0F2103 como 100%.

0.0%	0.0% #2D3C0F	RGB 45 60 15	#2D3C0F
16.7%	16.7% #28370D	RGB 40 55 13	#28370D
33.3%	33.3% #23330B	RGB 35 51 11	#23330B
50.0%	50.0% #1E2E09	RGB 30 46 9	#1E2E09
66.7%	66.7% #192A07	RGB 25 42 7	#192A07
83.3%	83.3% #142505	RGB 20 37 5	#142505
100.0%	100.0% #0F2103	RGB 15 33 3	#0F2103

#2D3C0F #28370D #23330B #1E2E09 #192A07 #142505 #0F2103

#2D3C0F - #0F2103

Mezcla HSV

#2D3C0F - #0F2103 | 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 #2D3C0F como 0% y #0F2103 como 100%.

0.0%	0.0% #2D3C0F	RGB 45 60 15	#2D3C0F
16.7%	16.7% #27370C	RGB 39 55 12	#27370C
33.3%	33.3% #21330A	RGB 33 51 10	#21330A
50.0%	50.0% #1C2E07	RGB 28 46 7	#1C2E07
66.7%	66.7% #172A06	RGB 23 42 6	#172A06
83.3%	83.3% #132504	RGB 19 37 4	#132504
100.0%	100.0% #0F2103	RGB 15 33 3	#0F2103

#2D3C0F #27370C #21330A #1C2E07 #172A06 #132504 #0F2103

#2D3C0F - #1C2E07 - #0F2103

Códigos CSS

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

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