#4F5623 - #222F04 | 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 #4F5623 a #222F04

#4F5623 #222F04

Calcule el color entre dos colores, #4F5623 y #222F04. 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)

#4F5623 - #222F04 | 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 #4F5623 como 0% y #222F04 como 100%.

0.0%	0.0% #4F5623	RGB 79 86 35	#4F5623
16.7%	16.7% #474F1D	RGB 71 79 29	#474F1D
33.3%	33.3% #404918	RGB 64 73 24	#404918
50.0%	50.0% #384213	RGB 56 66 19	#384213
66.7%	66.7% #313C0E	RGB 49 60 14	#313C0E
83.3%	83.3% #293509	RGB 41 53 9	#293509
100.0%	100.0% #222F04	RGB 34 47 4	#222F04

#4F5623 #474F1D #404918 #384213 #313C0E #293509 #222F04

#4F5623 - #222F04

Mezcla HSV

#4F5623 - #222F04 | 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 #4F5623 como 0% y #222F04 como 100%.

0.0%	0.0% #4F5623	RGB 79 86 35	#4F5623
16.7%	16.7% #474F1C	RGB 71 79 28	#474F1C
33.3%	33.3% #3F4915	RGB 63 73 21	#3F4915
50.0%	50.0% #374210	RGB 55 66 16	#374210
66.7%	66.7% #303C0B	RGB 48 60 11	#303C0B
83.3%	83.3% #283507	RGB 40 53 7	#283507
100.0%	100.0% #222F04	RGB 34 47 4	#222F04

#4F5623 #474F1C #3F4915 #374210 #303C0B #283507 #222F04

#4F5623 - #374210 - #222F04

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4F5623 0%, #374210 50%, #222F04 100%);
    background: -webkit-linear-gradient(top, #4F5623 0%, #374210 50%, #222F04 100%);
    background: linear-gradient(to bottom, #4F5623 0%, #374210 50%, #222F04 100%);
}
</style>