#005D5D - #013820 | 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 #005D5D a #013820

#005D5D #013820

Calcule el color entre dos colores, #005D5D y #013820. 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)

#005D5D - #013820 | 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 #005D5D como 0% y #013820 como 100%.

0.0%	0.0% #005D5D	RGB 0 93 93	#005D5D
16.7%	16.7% #005652	RGB 0 86 82	#005652
33.3%	33.3% #005048	RGB 0 80 72	#005048
50.0%	50.0% #004A3E	RGB 0 74 62	#004A3E
66.7%	66.7% #004434	RGB 0 68 52	#004434
83.3%	83.3% #003E2A	RGB 0 62 42	#003E2A
100.0%	100.0% #013820	RGB 1 56 32	#013820

#005D5D #005652 #005048 #004A3E #004434 #003E2A #013820

#005D5D - #013820

Mezcla HSV

#005D5D - #013820 | 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 #005D5D como 0% y #013820 como 100%.

0.0%	0.0% #005D5D	RGB 0 93 93	#005D5D
16.7%	16.7% #005650	RGB 0 86 80	#005650
33.3%	33.3% #005045	RGB 0 80 69	#005045
50.0%	50.0% #004A3A	RGB 0 74 58	#004A3A
66.7%	66.7% #004430	RGB 0 68 48	#004430
83.3%	83.3% #003E27	RGB 0 62 39	#003E27
100.0%	100.0% #013820	RGB 1 56 32	#013820

#005D5D #005650 #005045 #004A3A #004430 #003E27 #013820

#005D5D - #004A3A - #013820

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #005D5D 0%, #004A3A 50%, #013820 100%);
    background: -webkit-linear-gradient(top, #005D5D 0%, #004A3A 50%, #013820 100%);
    background: linear-gradient(to bottom, #005D5D 0%, #004A3A 50%, #013820 100%);
}
</style>