#5E5E25 - #DDA242 | 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 #5E5E25 a #DDA242

#5E5E25 #DDA242

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

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

0.0%	0.0% #5E5E25	RGB 94 94 37	#5E5E25
16.7%	16.7% #736929	RGB 115 105 41	#736929
33.3%	33.3% #88742E	RGB 136 116 46	#88742E
50.0%	50.0% #9D8033	RGB 157 128 51	#9D8033
66.7%	66.7% #B28B38	RGB 178 139 56	#B28B38
83.3%	83.3% #C7963D	RGB 199 150 61	#C7963D
100.0%	100.0% #DDA242	RGB 221 162 66	#DDA242

#5E5E25 #736929 #88742E #9D8033 #B28B38 #C7963D #DDA242

#5E5E25 - #DDA242

Mezcla HSV

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

0.0%	0.0% #5E5E25	RGB 94 94 37	#5E5E25
16.7%	16.7% #736E2B	RGB 115 110 43	#736E2B
33.3%	33.3% #887D31	RGB 136 125 49	#887D31
50.0%	50.0% #9D8936	RGB 157 137 54	#9D8936
66.7%	66.7% #B2943B	RGB 178 148 59	#B2943B
83.3%	83.3% #C79C3E	RGB 199 156 62	#C79C3E
100.0%	100.0% #DDA242	RGB 221 162 66	#DDA242

#5E5E25 #736E2B #887D31 #9D8936 #B2943B #C79C3E #DDA242

#5E5E25 - #9D8936 - #DDA242

Códigos CSS

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

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