#3D5E5E - #023A28 | 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 #3D5E5E a #023A28

#3D5E5E #023A28

Calcule el color entre dos colores, #3D5E5E y #023A28. 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)

#3D5E5E - #023A28 | 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 #3D5E5E como 0% y #023A28 como 100%.

0.0%	0.0% #3D5E5E	RGB 61 94 94	#3D5E5E
16.7%	16.7% #335855	RGB 51 88 85	#335855
33.3%	33.3% #29524C	RGB 41 82 76	#29524C
50.0%	50.0% #1F4C43	RGB 31 76 67	#1F4C43
66.7%	66.7% #15463A	RGB 21 70 58	#15463A
83.3%	83.3% #0B4031	RGB 11 64 49	#0B4031
100.0%	100.0% #023A28	RGB 2 58 40	#023A28

#3D5E5E #335855 #29524C #1F4C43 #15463A #0B4031 #023A28

#3D5E5E - #023A28

Mezcla HSV

#3D5E5E - #023A28 | 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 #3D5E5E como 0% y #023A28 como 100%.

0.0%	0.0% #3D5E5E	RGB 61 94 94	#3D5E5E
16.7%	16.7% #305855	RGB 48 88 85	#305855
33.3%	33.3% #24524D	RGB 36 82 77	#24524D
50.0%	50.0% #194C43	RGB 25 76 67	#194C43
66.7%	66.7% #10463A	RGB 16 70 58	#10463A
83.3%	83.3% #084031	RGB 8 64 49	#084031
100.0%	100.0% #023A28	RGB 2 58 40	#023A28

#3D5E5E #305855 #24524D #194C43 #10463A #084031 #023A28

#3D5E5E - #194C43 - #023A28

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D5E5E 0%, #194C43 50%, #023A28 100%);
    background: -webkit-linear-gradient(top, #3D5E5E 0%, #194C43 50%, #023A28 100%);
    background: linear-gradient(to bottom, #3D5E5E 0%, #194C43 50%, #023A28 100%);
}
</style>