#002A2A - #1C6E59 | 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 #002A2A a #1C6E59

#002A2A #1C6E59

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

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

0.0%	0.0% #002A2A	RGB 0 42 42	#002A2A
16.7%	16.7% #043531	RGB 4 53 49	#043531
33.3%	33.3% #094039	RGB 9 64 57	#094039
50.0%	50.0% #0E4C41	RGB 14 76 65	#0E4C41
66.7%	66.7% #125749	RGB 18 87 73	#125749
83.3%	83.3% #176251	RGB 23 98 81	#176251
100.0%	100.0% #1C6E59	RGB 28 110 89	#1C6E59

#002A2A #043531 #094039 #0E4C41 #125749 #176251 #1C6E59

#002A2A - #1C6E59

Mezcla HSV

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

0.0%	0.0% #002A2A	RGB 0 42 42	#002A2A
16.7%	16.7% #023533	RGB 2 53 51	#023533
33.3%	33.3% #05403B	RGB 5 64 59	#05403B
50.0%	50.0% #094C43	RGB 9 76 67	#094C43
66.7%	66.7% #0E574A	RGB 14 87 74	#0E574A
83.3%	83.3% #146252	RGB 20 98 82	#146252
100.0%	100.0% #1C6E59	RGB 28 110 89	#1C6E59

#002A2A #023533 #05403B #094C43 #0E574A #146252 #1C6E59

#002A2A - #094C43 - #1C6E59

Códigos CSS

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

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