#474741 - #382B05 | 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 #474741 a #382B05

#474741 #382B05

Calcule el color entre dos colores, #474741 y #382B05. 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)

#474741 - #382B05 | 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 #474741 como 0% y #382B05 como 100%.

0.0%	0.0% #474741	RGB 71 71 65	#474741
16.7%	16.7% #444237	RGB 68 66 55	#444237
33.3%	33.3% #423D2D	RGB 66 61 45	#423D2D
50.0%	50.0% #3F3923	RGB 63 57 35	#3F3923
66.7%	66.7% #3D3419	RGB 61 52 25	#3D3419
83.3%	83.3% #3A2F0F	RGB 58 47 15	#3A2F0F
100.0%	100.0% #382B05	RGB 56 43 5	#382B05

#474741 #444237 #423D2D #3F3923 #3D3419 #3A2F0F #382B05

#474741 - #382B05

Mezcla HSV

#474741 - #382B05 | 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 #474741 como 0% y #382B05 como 100%.

0.0%	0.0% #474741	RGB 71 71 65	#474741
16.7%	16.7% #444335	RGB 68 67 53	#444335
33.3%	33.3% #423F2A	RGB 66 63 42	#423F2A
50.0%	50.0% #3F3B1F	RGB 63 59 31	#3F3B1F
66.7%	66.7% #3D3616	RGB 61 54 22	#3D3616
83.3%	83.3% #3A300D	RGB 58 48 13	#3A300D
100.0%	100.0% #382B05	RGB 56 43 5	#382B05

#474741 #444335 #423F2A #3F3B1F #3D3616 #3A300D #382B05

#474741 - #3F3B1F - #382B05

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #474741 0%, #3F3B1F 50%, #382B05 100%);
    background: -webkit-linear-gradient(top, #474741 0%, #3F3B1F 50%, #382B05 100%);
    background: linear-gradient(to bottom, #474741 0%, #3F3B1F 50%, #382B05 100%);
}
</style>