#939600 - #EDAE94 | 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 #939600 a #EDAE94

#939600 #EDAE94

Calcule el color entre dos colores, #939600 y #EDAE94. 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)

#939600 - #EDAE94 | 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 #939600 como 0% y #EDAE94 como 100%.

0.0%	0.0% #939600	RGB 147 150 0	#939600
16.7%	16.7% #A29A18	RGB 162 154 24	#A29A18
33.3%	33.3% #B19E31	RGB 177 158 49	#B19E31
50.0%	50.0% #C0A24A	RGB 192 162 74	#C0A24A
66.7%	66.7% #CFA662	RGB 207 166 98	#CFA662
83.3%	83.3% #DEAA7B	RGB 222 170 123	#DEAA7B
100.0%	100.0% #EDAE94	RGB 237 174 148	#EDAE94

#939600 #A29A18 #B19E31 #C0A24A #CFA662 #DEAA7B #EDAE94

#939600 - #EDAE94

Mezcla HSV

#939600 - #EDAE94 | 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 #939600 como 0% y #EDAE94 como 100%.

0.0%	0.0% #939600	RGB 147 150 0	#939600
16.7%	16.7% #A49511	RGB 164 149 17	#A49511
33.3%	33.3% #B39325	RGB 179 147 37	#B39325
50.0%	50.0% #C1933C	RGB 193 147 60	#C1933C
66.7%	66.7% #D09756	RGB 208 151 86	#D09756
83.3%	83.3% #DE9F73	RGB 222 159 115	#DE9F73
100.0%	100.0% #EDAE94	RGB 237 174 148	#EDAE94

#939600 #A49511 #B39325 #C1933C #D09756 #DE9F73 #EDAE94

#939600 - #C1933C - #EDAE94

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #939600 0%, #C1933C 50%, #EDAE94 100%);
    background: -webkit-linear-gradient(top, #939600 0%, #C1933C 50%, #EDAE94 100%);
    background: linear-gradient(to bottom, #939600 0%, #C1933C 50%, #EDAE94 100%);
}
</style>