#3D3E3C - #273F03 | 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 #3D3E3C a #273F03

#3D3E3C #273F03

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

#3D3E3C - #273F03 | 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 #3D3E3C como 0% y #273F03 como 100%.

0.0%	0.0% #3D3E3C	RGB 61 62 60	#3D3E3C
16.7%	16.7% #393E32	RGB 57 62 50	#393E32
33.3%	33.3% #353E29	RGB 53 62 41	#353E29
50.0%	50.0% #323E1F	RGB 50 62 31	#323E1F
66.7%	66.7% #2E3E16	RGB 46 62 22	#2E3E16
83.3%	83.3% #2A3E0C	RGB 42 62 12	#2A3E0C
100.0%	100.0% #273F03	RGB 39 63 3	#273F03

#3D3E3C #393E32 #353E29 #323E1F #2E3E16 #2A3E0C #273F03

#3D3E3C - #273F03

Mezcla HSV

#3D3E3C - #273F03 | 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 #3D3E3C como 0% y #273F03 como 100%.

0.0%	0.0% #3D3E3C	RGB 61 62 60	#3D3E3C
16.7%	16.7% #383E32	RGB 56 62 50	#383E32
33.3%	33.3% #343E29	RGB 52 62 41	#343E29
50.0%	50.0% #303E1F	RGB 48 62 31	#303E1F
66.7%	66.7% #2D3E16	RGB 45 62 22	#2D3E16
83.3%	83.3% #293E0C	RGB 41 62 12	#293E0C
100.0%	100.0% #273F03	RGB 39 63 3	#273F03

#3D3E3C #383E32 #343E29 #303E1F #2D3E16 #293E0C #273F03

#3D3E3C - #303E1F - #273F03

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D3E3C 0%, #303E1F 50%, #273F03 100%);
    background: -webkit-linear-gradient(top, #3D3E3C 0%, #303E1F 50%, #273F03 100%);
    background: linear-gradient(to bottom, #3D3E3C 0%, #303E1F 50%, #273F03 100%);
}
</style>