#474B3D - #202F03 | 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 #474B3D a #202F03

#474B3D #202F03

Calcule el color entre dos colores, #474B3D y #202F03. 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)

#474B3D - #202F03 | 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 #474B3D como 0% y #202F03 como 100%.

0.0%	0.0% #474B3D	RGB 71 75 61	#474B3D
16.7%	16.7% #404633	RGB 64 70 51	#404633
33.3%	33.3% #3A4129	RGB 58 65 41	#3A4129
50.0%	50.0% #333D20	RGB 51 61 32	#333D20
66.7%	66.7% #2D3816	RGB 45 56 22	#2D3816
83.3%	83.3% #26330C	RGB 38 51 12	#26330C
100.0%	100.0% #202F03	RGB 32 47 3	#202F03

#474B3D #404633 #3A4129 #333D20 #2D3816 #26330C #202F03

#474B3D - #202F03

Mezcla HSV

#474B3D - #202F03 | 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 #474B3D como 0% y #202F03 como 100%.

0.0%	0.0% #474B3D	RGB 71 75 61	#474B3D
16.7%	16.7% #3F4630	RGB 63 70 48	#3F4630
33.3%	33.3% #384125	RGB 56 65 37	#384125
50.0%	50.0% #323D1A	RGB 50 61 26	#323D1A
66.7%	66.7% #2B3811	RGB 43 56 17	#2B3811
83.3%	83.3% #253309	RGB 37 51 9	#253309
100.0%	100.0% #202F03	RGB 32 47 3	#202F03

#474B3D #3F4630 #384125 #323D1A #2B3811 #253309 #202F03

#474B3D - #323D1A - #202F03

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #474B3D 0%, #323D1A 50%, #202F03 100%);
    background: -webkit-linear-gradient(top, #474B3D 0%, #323D1A 50%, #202F03 100%);
    background: linear-gradient(to bottom, #474B3D 0%, #323D1A 50%, #202F03 100%);
}
</style>