#5E5E21 - #DEA23E | 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 #5E5E21 a #DEA23E

#5E5E21 #DEA23E

Calcule el color entre dos colores, #5E5E21 y #DEA23E. 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)

#5E5E21 - #DEA23E | 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 #5E5E21 como 0% y #DEA23E como 100%.

0.0%	0.0% #5E5E21	RGB 94 94 33	#5E5E21
16.7%	16.7% #736925	RGB 115 105 37	#736925
33.3%	33.3% #88742A	RGB 136 116 42	#88742A
50.0%	50.0% #9E802F	RGB 158 128 47	#9E802F
66.7%	66.7% #B38B34	RGB 179 139 52	#B38B34
83.3%	83.3% #C89639	RGB 200 150 57	#C89639
100.0%	100.0% #DEA23E	RGB 222 162 62	#DEA23E

#5E5E21 #736925 #88742A #9E802F #B38B34 #C89639 #DEA23E

#5E5E21 - #DEA23E

Mezcla HSV

#5E5E21 - #DEA23E | 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 #5E5E21 como 0% y #DEA23E como 100%.

0.0%	0.0% #5E5E21	RGB 94 94 33	#5E5E21
16.7%	16.7% #736E27	RGB 115 110 39	#736E27
33.3%	33.3% #887D2C	RGB 136 125 44	#887D2C
50.0%	50.0% #9E8931	RGB 158 137 49	#9E8931
66.7%	66.7% #B39436	RGB 179 148 54	#B39436
83.3%	83.3% #C89C3A	RGB 200 156 58	#C89C3A
100.0%	100.0% #DEA23E	RGB 222 162 62	#DEA23E

#5E5E21 #736E27 #887D2C #9E8931 #B39436 #C89C3A #DEA23E

#5E5E21 - #9E8931 - #DEA23E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E21 0%, #9E8931 50%, #DEA23E 100%);
    background: -webkit-linear-gradient(top, #5E5E21 0%, #9E8931 50%, #DEA23E 100%);
    background: linear-gradient(to bottom, #5E5E21 0%, #9E8931 50%, #DEA23E 100%);
}
</style>