#4D532F - #232F03 | 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 #4D532F a #232F03

#4D532F #232F03

Calcule el color entre dos colores, #4D532F y #232F03. 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)

#4D532F - #232F03 | 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 #4D532F como 0% y #232F03 como 100%.

0.0%	0.0% #4D532F	RGB 77 83 47	#4D532F
16.7%	16.7% #464D27	RGB 70 77 39	#464D27
33.3%	33.3% #3F4720	RGB 63 71 32	#3F4720
50.0%	50.0% #384119	RGB 56 65 25	#384119
66.7%	66.7% #313B11	RGB 49 59 17	#313B11
83.3%	83.3% #2A350A	RGB 42 53 10	#2A350A
100.0%	100.0% #232F03	RGB 35 47 3	#232F03

#4D532F #464D27 #3F4720 #384119 #313B11 #2A350A #232F03

#4D532F - #232F03

Mezcla HSV

#4D532F - #232F03 | 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 #4D532F como 0% y #232F03 como 100%.

0.0%	0.0% #4D532F	RGB 77 83 47	#4D532F
16.7%	16.7% #454D25	RGB 69 77 37	#454D25
33.3%	33.3% #3E471C	RGB 62 71 28	#3E471C
50.0%	50.0% #374114	RGB 55 65 20	#374114
66.7%	66.7% #303B0D	RGB 48 59 13	#303B0D
83.3%	83.3% #293507	RGB 41 53 7	#293507
100.0%	100.0% #232F03	RGB 35 47 3	#232F03

#4D532F #454D25 #3E471C #374114 #303B0D #293507 #232F03

#4D532F - #374114 - #232F03

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D532F 0%, #374114 50%, #232F03 100%);
    background: -webkit-linear-gradient(top, #4D532F 0%, #374114 50%, #232F03 100%);
    background: linear-gradient(to bottom, #4D532F 0%, #374114 50%, #232F03 100%);
}
</style>