#3E5E4D - #111A16 | 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 #111A16

#3E5E4D #111A16

Calcule el color entre dos colores, #3E5E4D y #111A16. 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 - #111A16 | 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 #111A16 como 100%.

0.0%	0.0% #3E5E4D	RGB 62 94 77	#3E5E4D
16.7%	16.7% #365243	RGB 54 82 67	#365243
33.3%	33.3% #2F473A	RGB 47 71 58	#2F473A
50.0%	50.0% #273C31	RGB 39 60 49	#273C31
66.7%	66.7% #203028	RGB 32 48 40	#203028
83.3%	83.3% #18251F	RGB 24 37 31	#18251F
100.0%	100.0% #111A16	RGB 17 26 22	#111A16

#3E5E4D #365243 #2F473A #273C31 #203028 #18251F #111A16

#3E5E4D - #111A16

Mezcla HSV

#3E5E4D - #111A16 | 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 #111A16 como 100%.

0.0%	0.0% #3E5E4D	RGB 62 94 77	#3E5E4D
16.7%	16.7% #365244	RGB 54 82 68	#365244
33.3%	33.3% #2E473B	RGB 46 71 59	#2E473B
50.0%	50.0% #273C31	RGB 39 60 49	#273C31
66.7%	66.7% #1F3028	RGB 31 48 40	#1F3028
83.3%	83.3% #18251F	RGB 24 37 31	#18251F
100.0%	100.0% #111A16	RGB 17 26 22	#111A16

#3E5E4D #365244 #2E473B #273C31 #1F3028 #18251F #111A16

#3E5E4D - #273C31 - #111A16

Códigos CSS

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

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