#002A1B - #1F6E4D | 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 #002A1B a #1F6E4D

#002A1B #1F6E4D

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

#002A1B - #1F6E4D | 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 #002A1B como 0% y #1F6E4D como 100%.

0.0%	0.0% #002A1B	RGB 0 42 27	#002A1B
16.7%	16.7% #053523	RGB 5 53 35	#053523
33.3%	33.3% #0A402B	RGB 10 64 43	#0A402B
50.0%	50.0% #0F4C34	RGB 15 76 52	#0F4C34
66.7%	66.7% #14573C	RGB 20 87 60	#14573C
83.3%	83.3% #196244	RGB 25 98 68	#196244
100.0%	100.0% #1F6E4D	RGB 31 110 77	#1F6E4D

#002A1B #053523 #0A402B #0F4C34 #14573C #196244 #1F6E4D

#002A1B - #1F6E4D

Mezcla HSV

#002A1B - #1F6E4D | 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 #002A1B como 0% y #1F6E4D como 100%.

0.0%	0.0% #002A1B	RGB 0 42 27	#002A1B
16.7%	16.7% #023522	RGB 2 53 34	#023522
33.3%	33.3% #06402A	RGB 6 64 42	#06402A
50.0%	50.0% #0A4C32	RGB 10 76 50	#0A4C32
66.7%	66.7% #10573B	RGB 16 87 59	#10573B
83.3%	83.3% #176243	RGB 23 98 67	#176243
100.0%	100.0% #1F6E4D	RGB 31 110 77	#1F6E4D

#002A1B #023522 #06402A #0A4C32 #10573B #176243 #1F6E4D

#002A1B - #0A4C32 - #1F6E4D

Códigos CSS

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

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