#444F2B - #1D2F02 | 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 #444F2B a #1D2F02

#444F2B #1D2F02

Calcule el color entre dos colores, #444F2B y #1D2F02. 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)

#444F2B - #1D2F02 | 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 #444F2B como 0% y #1D2F02 como 100%.

0.0%	0.0% #444F2B	RGB 68 79 43	#444F2B
16.7%	16.7% #3D4924	RGB 61 73 36	#3D4924
33.3%	33.3% #37441D	RGB 55 68 29	#37441D
50.0%	50.0% #303F16	RGB 48 63 22	#303F16
66.7%	66.7% #2A390F	RGB 42 57 15	#2A390F
83.3%	83.3% #233408	RGB 35 52 8	#233408
100.0%	100.0% #1D2F02	RGB 29 47 2	#1D2F02

#444F2B #3D4924 #37441D #303F16 #2A390F #233408 #1D2F02

#444F2B - #1D2F02

Mezcla HSV

#444F2B - #1D2F02 | 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 #444F2B como 0% y #1D2F02 como 100%.

0.0%	0.0% #444F2B	RGB 68 79 43	#444F2B
16.7%	16.7% #3C4921	RGB 60 73 33	#3C4921
33.3%	33.3% #354419	RGB 53 68 25	#354419
50.0%	50.0% #2F3F12	RGB 47 63 18	#2F3F12
66.7%	66.7% #28390C	RGB 40 57 12	#28390C
83.3%	83.3% #223406	RGB 34 52 6	#223406
100.0%	100.0% #1D2F02	RGB 29 47 2	#1D2F02

#444F2B #3C4921 #354419 #2F3F12 #28390C #223406 #1D2F02

#444F2B - #2F3F12 - #1D2F02

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #444F2B 0%, #2F3F12 50%, #1D2F02 100%);
    background: -webkit-linear-gradient(top, #444F2B 0%, #2F3F12 50%, #1D2F02 100%);
    background: linear-gradient(to bottom, #444F2B 0%, #2F3F12 50%, #1D2F02 100%);
}
</style>