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

#3E5E4F #111A16

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

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

0.0%	0.0% #3E5E4F	RGB 62 94 79	#3E5E4F
16.7%	16.7% #365245	RGB 54 82 69	#365245
33.3%	33.3% #2F473C	RGB 47 71 60	#2F473C
50.0%	50.0% #273C32	RGB 39 60 50	#273C32
66.7%	66.7% #203029	RGB 32 48 41	#203029
83.3%	83.3% #18251F	RGB 24 37 31	#18251F
100.0%	100.0% #111A16	RGB 17 26 22	#111A16

#3E5E4F #365245 #2F473C #273C32 #203029 #18251F #111A16

#3E5E4F - #111A16

Mezcla HSV

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

0.0%	0.0% #3E5E4F	RGB 62 94 79	#3E5E4F
16.7%	16.7% #365245	RGB 54 82 69	#365245
33.3%	33.3% #2E473C	RGB 46 71 60	#2E473C
50.0%	50.0% #273C32	RGB 39 60 50	#273C32
66.7%	66.7% #1F3029	RGB 31 48 41	#1F3029
83.3%	83.3% #18251F	RGB 24 37 31	#18251F
100.0%	100.0% #111A16	RGB 17 26 22	#111A16

#3E5E4F #365245 #2E473C #273C32 #1F3029 #18251F #111A16

#3E5E4F - #273C32 - #111A16

Códigos CSS

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

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