#002828 - #196B57 | 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 #002828 a #196B57

#002828 #196B57

Calcule el color entre dos colores, #002828 y #196B57. 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)

#002828 - #196B57 | 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 #002828 como 0% y #196B57 como 100%.

0.0%	0.0% #002828	RGB 0 40 40	#002828
16.7%	16.7% #04332F	RGB 4 51 47	#04332F
33.3%	33.3% #083E37	RGB 8 62 55	#083E37
50.0%	50.0% #0C493F	RGB 12 73 63	#0C493F
66.7%	66.7% #105447	RGB 16 84 71	#105447
83.3%	83.3% #145F4F	RGB 20 95 79	#145F4F
100.0%	100.0% #196B57	RGB 25 107 87	#196B57

#002828 #04332F #083E37 #0C493F #105447 #145F4F #196B57

#002828 - #196B57

Mezcla HSV

#002828 - #196B57 | 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 #002828 como 0% y #196B57 como 100%.

0.0%	0.0% #002828	RGB 0 40 40	#002828
16.7%	16.7% #013331	RGB 1 51 49	#013331
33.3%	33.3% #043E39	RGB 4 62 57	#043E39
50.0%	50.0% #084941	RGB 8 73 65	#084941
66.7%	66.7% #0D5449	RGB 13 84 73	#0D5449
83.3%	83.3% #125F50	RGB 18 95 80	#125F50
100.0%	100.0% #196B57	RGB 25 107 87	#196B57

#002828 #013331 #043E39 #084941 #0D5449 #125F50 #196B57

#002828 - #084941 - #196B57

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #002828 0%, #084941 50%, #196B57 100%);
    background: -webkit-linear-gradient(top, #002828 0%, #084941 50%, #196B57 100%);
    background: linear-gradient(to bottom, #002828 0%, #084941 50%, #196B57 100%);
}
</style>