#3E5E4D - #084218 | 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 #3E5E4D a #084218

#3E5E4D #084218

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

#3E5E4D - #084218 | 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 #3E5E4D como 0% y #084218 como 100%.

0.0%	0.0% #3E5E4D	RGB 62 94 77	#3E5E4D
16.7%	16.7% #355944	RGB 53 89 68	#355944
33.3%	33.3% #2C543B	RGB 44 84 59	#2C543B
50.0%	50.0% #235032	RGB 35 80 50	#235032
66.7%	66.7% #1A4B29	RGB 26 75 41	#1A4B29
83.3%	83.3% #114620	RGB 17 70 32	#114620
100.0%	100.0% #084218	RGB 8 66 24	#084218

#3E5E4D #355944 #2C543B #235032 #1A4B29 #114620 #084218

#3E5E4D - #084218

Mezcla HSV

#3E5E4D - #084218 | 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 #3E5E4D como 0% y #084218 como 100%.

0.0%	0.0% #3E5E4D	RGB 62 94 77	#3E5E4D
16.7%	16.7% #325943	RGB 50 89 67	#325943
33.3%	33.3% #28543A	RGB 40 84 58	#28543A
50.0%	50.0% #1F5031	RGB 31 80 49	#1F5031
66.7%	66.7% #164B28	RGB 22 75 40	#164B28
83.3%	83.3% #0E4620	RGB 14 70 32	#0E4620
100.0%	100.0% #084218	RGB 8 66 24	#084218

#3E5E4D #325943 #28543A #1F5031 #164B28 #0E4620 #084218

#3E5E4D - #1F5031 - #084218

Códigos CSS

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

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