#3E5E52 - #074D3A | 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 #3E5E52 a #074D3A

#3E5E52 #074D3A

Calcule el color entre dos colores, #3E5E52 y #074D3A. 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)

#3E5E52 - #074D3A | 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 #3E5E52 como 0% y #074D3A como 100%.

0.0%	0.0% #3E5E52	RGB 62 94 82	#3E5E52
16.7%	16.7% #345B4E	RGB 52 91 78	#345B4E
33.3%	33.3% #2B584A	RGB 43 88 74	#2B584A
50.0%	50.0% #225546	RGB 34 85 70	#225546
66.7%	66.7% #195242	RGB 25 82 66	#195242
83.3%	83.3% #104F3E	RGB 16 79 62	#104F3E
100.0%	100.0% #074D3A	RGB 7 77 58	#074D3A

#3E5E52 #345B4E #2B584A #225546 #195242 #104F3E #074D3A

#3E5E52 - #074D3A

Mezcla HSV

#3E5E52 - #074D3A | 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 #3E5E52 como 0% y #074D3A como 100%.

0.0%	0.0% #3E5E52	RGB 62 94 82	#3E5E52
16.7%	16.7% #335B4C	RGB 51 91 76	#335B4C
33.3%	33.3% #295848	RGB 41 88 72	#295848
50.0%	50.0% #205544	RGB 32 85 68	#205544
66.7%	66.7% #175240	RGB 23 82 64	#175240
83.3%	83.3% #0E4F3D	RGB 14 79 61	#0E4F3D
100.0%	100.0% #074D3A	RGB 7 77 58	#074D3A

#3E5E52 #335B4C #295848 #205544 #175240 #0E4F3D #074D3A

#3E5E52 - #205544 - #074D3A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E52 0%, #205544 50%, #074D3A 100%);
    background: -webkit-linear-gradient(top, #3E5E52 0%, #205544 50%, #074D3A 100%);
    background: linear-gradient(to bottom, #3E5E52 0%, #205544 50%, #074D3A 100%);
}
</style>