#293D3D - #00271B | 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 #293D3D a #00271B

#293D3D #00271B

Calcule el color entre dos colores, #293D3D y #00271B. 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)

#293D3D - #00271B | 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 #293D3D como 0% y #00271B como 100%.

0.0%	0.0% #293D3D	RGB 41 61 61	#293D3D
16.7%	16.7% #223937	RGB 34 57 55	#223937
33.3%	33.3% #1B3531	RGB 27 53 49	#1B3531
50.0%	50.0% #14322C	RGB 20 50 44	#14322C
66.7%	66.7% #0D2E26	RGB 13 46 38	#0D2E26
83.3%	83.3% #062A20	RGB 6 42 32	#062A20
100.0%	100.0% #00271B	RGB 0 39 27	#00271B

#293D3D #223937 #1B3531 #14322C #0D2E26 #062A20 #00271B

#293D3D - #00271B

Mezcla HSV

#293D3D - #00271B | 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 #293D3D como 0% y #00271B como 100%.

0.0%	0.0% #293D3D	RGB 41 61 61	#293D3D
16.7%	16.7% #203938	RGB 32 57 56	#203938
33.3%	33.3% #183532	RGB 24 53 50	#183532
50.0%	50.0% #10322C	RGB 16 50 44	#10322C
66.7%	66.7% #0A2E26	RGB 10 46 38	#0A2E26
83.3%	83.3% #042A20	RGB 4 42 32	#042A20
100.0%	100.0% #00271B	RGB 0 39 27	#00271B

#293D3D #203938 #183532 #10322C #0A2E26 #042A20 #00271B

#293D3D - #10322C - #00271B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #293D3D 0%, #10322C 50%, #00271B 100%);
    background: -webkit-linear-gradient(top, #293D3D 0%, #10322C 50%, #00271B 100%);
    background: linear-gradient(to bottom, #293D3D 0%, #10322C 50%, #00271B 100%);
}
</style>