#505646 - #243607 | 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 #505646 a #243607

#505646 #243607

Calcule el color entre dos colores, #505646 y #243607. 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)

#505646 - #243607 | 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 #505646 como 0% y #243607 como 100%.

0.0%	0.0% #505646	RGB 80 86 70	#505646
16.7%	16.7% #48503B	RGB 72 80 59	#48503B
33.3%	33.3% #414B31	RGB 65 75 49	#414B31
50.0%	50.0% #3A4626	RGB 58 70 38	#3A4626
66.7%	66.7% #32401C	RGB 50 64 28	#32401C
83.3%	83.3% #2B3B11	RGB 43 59 17	#2B3B11
100.0%	100.0% #243607	RGB 36 54 7	#243607

#505646 #48503B #414B31 #3A4626 #32401C #2B3B11 #243607

#505646 - #243607

Mezcla HSV

#505646 - #243607 | 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 #505646 como 0% y #243607 como 100%.

0.0%	0.0% #505646	RGB 80 86 70	#505646
16.7%	16.7% #475038	RGB 71 80 56	#475038
33.3%	33.3% #3F4B2C	RGB 63 75 44	#3F4B2C
50.0%	50.0% #374621	RGB 55 70 33	#374621
66.7%	66.7% #304017	RGB 48 64 23	#304017
83.3%	83.3% #2A3B0E	RGB 42 59 14	#2A3B0E
100.0%	100.0% #243607	RGB 36 54 7	#243607

#505646 #475038 #3F4B2C #374621 #304017 #2A3B0E #243607

#505646 - #374621 - #243607

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #505646 0%, #374621 50%, #243607 100%);
    background: -webkit-linear-gradient(top, #505646 0%, #374621 50%, #243607 100%);
    background: linear-gradient(to bottom, #505646 0%, #374621 50%, #243607 100%);
}
</style>