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

#3E5E5E #023A28

Calcule el color entre dos colores, #3E5E5E 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)

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

0.0%	0.0% #3E5E5E	RGB 62 94 94	#3E5E5E
16.7%	16.7% #345855	RGB 52 88 85	#345855
33.3%	33.3% #2A524C	RGB 42 82 76	#2A524C
50.0%	50.0% #204C43	RGB 32 76 67	#204C43
66.7%	66.7% #16463A	RGB 22 70 58	#16463A
83.3%	83.3% #0C4031	RGB 12 64 49	#0C4031
100.0%	100.0% #023A28	RGB 2 58 40	#023A28

#3E5E5E #345855 #2A524C #204C43 #16463A #0C4031 #023A28

#3E5E5E - #023A28

Mezcla HSV

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

0.0%	0.0% #3E5E5E	RGB 62 94 94	#3E5E5E
16.7%	16.7% #305855	RGB 48 88 85	#305855
33.3%	33.3% #24524D	RGB 36 82 77	#24524D
50.0%	50.0% #1A4C44	RGB 26 76 68	#1A4C44
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

#3E5E5E #305855 #24524D #1A4C44 #10463A #084031 #023A28

#3E5E5E - #1A4C44 - #023A28

Códigos CSS

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

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