#292A00 - #6C6A2D | 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 #292A00 a #6C6A2D

#292A00 #6C6A2D

Calcule el color entre dos colores, #292A00 y #6C6A2D. 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)

#292A00 - #6C6A2D | 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 #292A00 como 0% y #6C6A2D como 100%.

0.0%	0.0% #292A00	RGB 41 42 0	#292A00
16.7%	16.7% #343407	RGB 52 52 7	#343407
33.3%	33.3% #3F3F0F	RGB 63 63 15	#3F3F0F
50.0%	50.0% #4A4A16	RGB 74 74 22	#4A4A16
66.7%	66.7% #55541E	RGB 85 84 30	#55541E
83.3%	83.3% #605F25	RGB 96 95 37	#605F25
100.0%	100.0% #6C6A2D	RGB 108 106 45	#6C6A2D

#292A00 #343407 #3F3F0F #4A4A16 #55541E #605F25 #6C6A2D

#292A00 - #6C6A2D

Mezcla HSV

#292A00 - #6C6A2D | 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 #292A00 como 0% y #6C6A2D como 100%.

0.0%	0.0% #292A00	RGB 41 42 0	#292A00
16.7%	16.7% #343503	RGB 52 53 3	#343503
33.3%	33.3% #3F4008	RGB 63 64 8	#3F4008
50.0%	50.0% #4B4A0F	RGB 75 74 15	#4B4A0F
66.7%	66.7% #565517	RGB 86 85 23	#565517
83.3%	83.3% #615F21	RGB 97 95 33	#615F21
100.0%	100.0% #6C6A2D	RGB 108 106 45	#6C6A2D

#292A00 #343503 #3F4008 #4B4A0F #565517 #615F21 #6C6A2D

#292A00 - #4B4A0F - #6C6A2D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #292A00 0%, #4B4A0F 50%, #6C6A2D 100%);
    background: -webkit-linear-gradient(top, #292A00 0%, #4B4A0F 50%, #6C6A2D 100%);
    background: linear-gradient(to bottom, #292A00 0%, #4B4A0F 50%, #6C6A2D 100%);
}
</style>