#240C0C - #623F3C | 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 #240C0C a #623F3C

#240C0C #623F3C

Calcule el color entre dos colores, #240C0C y #623F3C. 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)

#240C0C - #623F3C | 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 #240C0C como 0% y #623F3C como 100%.

0.0%	0.0% #240C0C	RGB 36 12 12	#240C0C
16.7%	16.7% #2E1414	RGB 46 20 20	#2E1414
33.3%	33.3% #381D1C	RGB 56 29 28	#381D1C
50.0%	50.0% #432524	RGB 67 37 36	#432524
66.7%	66.7% #4D2E2C	RGB 77 46 44	#4D2E2C
83.3%	83.3% #573634	RGB 87 54 52	#573634
100.0%	100.0% #623F3C	RGB 98 63 60	#623F3C

#240C0C #2E1414 #381D1C #432524 #4D2E2C #573634 #623F3C

#240C0C - #623F3C

Mezcla HSV

#240C0C - #623F3C | 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 #240C0C como 0% y #623F3C como 100%.

0.0%	0.0% #240C0C	RGB 36 12 12	#240C0C
16.7%	16.7% #2E1111	RGB 46 17 17	#2E1111
33.3%	33.3% #381918	RGB 56 25 24	#381918
50.0%	50.0% #43211F	RGB 67 33 31	#43211F
66.7%	66.7% #4D2A28	RGB 77 42 40	#4D2A28
83.3%	83.3% #573431	RGB 87 52 49	#573431
100.0%	100.0% #623F3C	RGB 98 63 60	#623F3C

#240C0C #2E1111 #381918 #43211F #4D2A28 #573431 #623F3C

#240C0C - #43211F - #623F3C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #240C0C 0%, #43211F 50%, #623F3C 100%);
    background: -webkit-linear-gradient(top, #240C0C 0%, #43211F 50%, #623F3C 100%);
    background: linear-gradient(to bottom, #240C0C 0%, #43211F 50%, #623F3C 100%);
}
</style>