#4B7621 - #CDAB5E | 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 #4B7621 a #CDAB5E

#4B7621 #CDAB5E

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

#4B7621 - #CDAB5E | 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 #4B7621 como 0% y #CDAB5E como 100%.

0.0%	0.0% #4B7621	RGB 75 118 33	#4B7621
16.7%	16.7% #607E2B	RGB 96 126 43	#607E2B
33.3%	33.3% #768735	RGB 118 135 53	#768735
50.0%	50.0% #8C903F	RGB 140 144 63	#8C903F
66.7%	66.7% #A19949	RGB 161 153 73	#A19949
83.3%	83.3% #B7A253	RGB 183 162 83	#B7A253
100.0%	100.0% #CDAB5E	RGB 205 171 94	#CDAB5E

#4B7621 #607E2B #768735 #8C903F #A19949 #B7A253 #CDAB5E

#4B7621 - #CDAB5E

Mezcla HSV

#4B7621 - #CDAB5E | 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 #4B7621 como 0% y #CDAB5E como 100%.

0.0%	0.0% #4A7621	RGB 74 118 33	#4A7621
16.7%	16.7% #628429	RGB 98 132 41	#628429
33.3%	33.3% #7C9331	RGB 124 147 49	#7C9331
50.0%	50.0% #97A13B	RGB 151 161 59	#97A13B
66.7%	66.7% #B0AC46	RGB 176 172 70	#B0AC46
83.3%	83.3% #BEAB51	RGB 190 171 81	#BEAB51
100.0%	100.0% #CDAB5E	RGB 205 171 94	#CDAB5E

#4A7621 #628429 #7C9331 #97A13B #B0AC46 #BEAB51 #CDAB5E

#4B7621 - #97A13B - #CDAB5E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A7621 0%, #97A13B 50%, #CDAB5E 100%);
    background: -webkit-linear-gradient(top, #4A7621 0%, #97A13B 50%, #CDAB5E 100%);
    background: linear-gradient(to bottom, #4A7621 0%, #97A13B 50%, #CDAB5E 100%);
}
</style>