#274421 - #848E4D | 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 #274421 a #848E4D

#274421 #848E4D

Calcule el color entre dos colores, #274421 y #848E4D. 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)

#274421 - #848E4D | 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 #274421 como 0% y #848E4D como 100%.

0.0%	0.0% #274421	RGB 39 68 33	#274421
16.7%	16.7% #365028	RGB 54 80 40	#365028
33.3%	33.3% #465C2F	RGB 70 92 47	#465C2F
50.0%	50.0% #556937	RGB 85 105 55	#556937
66.7%	66.7% #65753E	RGB 101 117 62	#65753E
83.3%	83.3% #748145	RGB 116 129 69	#748145
100.0%	100.0% #848E4D	RGB 132 142 77	#848E4D

#274421 #365028 #465C2F #556937 #65753E #748145 #848E4D

#274421 - #848E4D

Mezcla HSV

#274421 - #848E4D | 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 #274421 como 0% y #848E4D como 100%.

0.0%	0.0% #264421	RGB 38 68 33	#264421
16.7%	16.7% #335027	RGB 51 80 39	#335027
33.3%	33.3% #405C2E	RGB 64 92 46	#405C2E
50.0%	50.0% #4F6935	RGB 79 105 53	#4F6935
66.7%	66.7% #60753D	RGB 96 117 61	#60753D
83.3%	83.3% #718145	RGB 113 129 69	#718145
100.0%	100.0% #848E4D	RGB 132 142 77	#848E4D

#264421 #335027 #405C2E #4F6935 #60753D #718145 #848E4D

#274421 - #4F6935 - #848E4D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #264421 0%, #4F6935 50%, #848E4D 100%);
    background: -webkit-linear-gradient(top, #264421 0%, #4F6935 50%, #848E4D 100%);
    background: linear-gradient(to bottom, #264421 0%, #4F6935 50%, #848E4D 100%);
}
</style>