#2D291D - #0C0B08 | 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 #2D291D a #0C0B08

#2D291D #0C0B08

Calcule el color entre dos colores, #2D291D y #0C0B08. 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)

#2D291D - #0C0B08 | 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 #2D291D como 0% y #0C0B08 como 100%.

0.0%	0.0% #2D291D	RGB 45 41 29	#2D291D
16.7%	16.7% #272419	RGB 39 36 25	#272419
33.3%	33.3% #221F16	RGB 34 31 22	#221F16
50.0%	50.0% #1C1A12	RGB 28 26 18	#1C1A12
66.7%	66.7% #17150F	RGB 23 21 15	#17150F
83.3%	83.3% #11100B	RGB 17 16 11	#11100B
100.0%	100.0% #0C0B08	RGB 12 11 8	#0C0B08

#2D291D #272419 #221F16 #1C1A12 #17150F #11100B #0C0B08

#2D291D - #0C0B08

Mezcla HSV

#2D291D - #0C0B08 | 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 #2D291D como 0% y #0C0B08 como 100%.

0.0%	0.0% #2D291D	RGB 45 41 29	#2D291D
16.7%	16.7% #272419	RGB 39 36 25	#272419
33.3%	33.3% #221F16	RGB 34 31 22	#221F16
50.0%	50.0% #1C1A12	RGB 28 26 18	#1C1A12
66.7%	66.7% #17150F	RGB 23 21 15	#17150F
83.3%	83.3% #11100B	RGB 17 16 11	#11100B
100.0%	100.0% #0C0B08	RGB 12 11 8	#0C0B08

#2D291D #272419 #221F16 #1C1A12 #17150F #11100B #0C0B08

#2D291D - #1C1A12 - #0C0B08

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D291D 0%, #1C1A12 50%, #0C0B08 100%);
    background: -webkit-linear-gradient(top, #2D291D 0%, #1C1A12 50%, #0C0B08 100%);
    background: linear-gradient(to bottom, #2D291D 0%, #1C1A12 50%, #0C0B08 100%);
}
</style>