#002A20 - #1E6E51 | 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 #002A20 a #1E6E51

#002A20 #1E6E51

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

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

0.0%	0.0% #002A20	RGB 0 42 32	#002A20
16.7%	16.7% #053528	RGB 5 53 40	#053528
33.3%	33.3% #0A4030	RGB 10 64 48	#0A4030
50.0%	50.0% #0F4C38	RGB 15 76 56	#0F4C38
66.7%	66.7% #145740	RGB 20 87 64	#145740
83.3%	83.3% #196248	RGB 25 98 72	#196248
100.0%	100.0% #1E6E51	RGB 30 110 81	#1E6E51

#002A20 #053528 #0A4030 #0F4C38 #145740 #196248 #1E6E51

#002A20 - #1E6E51

Mezcla HSV

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

0.0%	0.0% #002A20	RGB 0 42 32	#002A20
16.7%	16.7% #023528	RGB 2 53 40	#023528
33.3%	33.3% #054030	RGB 5 64 48	#054030
50.0%	50.0% #0A4C38	RGB 10 76 56	#0A4C38
66.7%	66.7% #0F5740	RGB 15 87 64	#0F5740
83.3%	83.3% #166248	RGB 22 98 72	#166248
100.0%	100.0% #1E6E51	RGB 30 110 81	#1E6E51

#002A20 #023528 #054030 #0A4C38 #0F5740 #166248 #1E6E51

#002A20 - #0A4C38 - #1E6E51

Códigos CSS

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

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