#041004 - #B7BAB7 | 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 #041004 a #B7BAB7

#041004 #B7BAB7

Calcule el color entre dos colores, #041004 y #B7BAB7. 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)

#041004 - #B7BAB7 | 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 #041004 como 0% y #B7BAB7 como 100%.

0.0%	0.0% #041004	RGB 4 16 4	#041004
16.7%	16.7% #212C21	RGB 33 44 33	#212C21
33.3%	33.3% #3F483F	RGB 63 72 63	#3F483F
50.0%	50.0% #5D655D	RGB 93 101 93	#5D655D
66.7%	66.7% #7B817B	RGB 123 129 123	#7B817B
83.3%	83.3% #999D99	RGB 153 157 153	#999D99
100.0%	100.0% #B7BAB7	RGB 183 186 183	#B7BAB7

#041004 #212C21 #3F483F #5D655D #7B817B #999D99 #B7BAB7

#041004 - #B7BAB7

Mezcla HSV

#041004 - #B7BAB7 | 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 #041004 como 0% y #B7BAB7 como 100%.

0.0%	0.0% #041004	RGB 4 16 4	#041004
16.7%	16.7% #102C10	RGB 16 44 16	#102C10
33.3%	33.3% #234823	RGB 35 72 35	#234823
50.0%	50.0% #3E653E	RGB 62 101 62	#3E653E
66.7%	66.7% #5F815F	RGB 95 129 95	#5F815F
83.3%	83.3% #879D87	RGB 135 157 135	#879D87
100.0%	100.0% #B7BAB7	RGB 183 186 183	#B7BAB7

#041004 #102C10 #234823 #3E653E #5F815F #879D87 #B7BAB7

#041004 - #3E653E - #B7BAB7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #041004 0%, #3E653E 50%, #B7BAB7 100%);
    background: -webkit-linear-gradient(top, #041004 0%, #3E653E 50%, #B7BAB7 100%);
    background: linear-gradient(to bottom, #041004 0%, #3E653E 50%, #B7BAB7 100%);
}
</style>