#041009 - #B7BAB8 | 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 #041009 a #B7BAB8

#041009 #B7BAB8

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

#041009 - #B7BAB8 | 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 #041009 como 0% y #B7BAB8 como 100%.

0.0%	0.0% #041009	RGB 4 16 9	#041009
16.7%	16.7% #212C26	RGB 33 44 38	#212C26
33.3%	33.3% #3F4843	RGB 63 72 67	#3F4843
50.0%	50.0% #5D6560	RGB 93 101 96	#5D6560
66.7%	66.7% #7B817D	RGB 123 129 125	#7B817D
83.3%	83.3% #999D9A	RGB 153 157 154	#999D9A
100.0%	100.0% #B7BAB8	RGB 183 186 184	#B7BAB8

#041009 #212C26 #3F4843 #5D6560 #7B817D #999D9A #B7BAB8

#041009 - #B7BAB8

Mezcla HSV

#041009 - #B7BAB8 | 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 #041009 como 0% y #B7BAB8 como 100%.

0.0%	0.0% #041009	RGB 4 16 9	#041009
16.7%	16.7% #102C1B	RGB 16 44 27	#102C1B
33.3%	33.3% #234832	RGB 35 72 50	#234832
50.0%	50.0% #3E654C	RGB 62 101 76	#3E654C
66.7%	66.7% #5F816B	RGB 95 129 107	#5F816B
83.3%	83.3% #879D8F	RGB 135 157 143	#879D8F
100.0%	100.0% #B7BAB8	RGB 183 186 184	#B7BAB8

#041009 #102C1B #234832 #3E654C #5F816B #879D8F #B7BAB8

#041009 - #3E654C - #B7BAB8

Códigos CSS

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

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