#03040D - #B7B7B9 | 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 #03040D a #B7B7B9

#03040D #B7B7B9

Calcule el color entre dos colores, #03040D y #B7B7B9. 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)

#03040D - #B7B7B9 | 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 #03040D como 0% y #B7B7B9 como 100%.

0.0%	0.0% #03040D	RGB 3 4 13	#03040D
16.7%	16.7% #212129	RGB 33 33 41	#212129
33.3%	33.3% #3F3F46	RGB 63 63 70	#3F3F46
50.0%	50.0% #5D5D63	RGB 93 93 99	#5D5D63
66.7%	66.7% #7B7B7F	RGB 123 123 127	#7B7B7F
83.3%	83.3% #99999C	RGB 153 153 156	#99999C
100.0%	100.0% #B7B7B9	RGB 183 183 185	#B7B7B9

#03040D #212129 #3F3F46 #5D5D63 #7B7B7F #99999C #B7B7B9

#03040D - #B7B7B9

Mezcla HSV

#03040D - #B7B7B9 | 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 #03040D como 0% y #B7B7B9 como 100%.

0.0%	0.0% #03040D	RGB 3 4 13	#03040D
16.7%	16.7% #0E1129	RGB 14 17 41	#0E1129
33.3%	33.3% #222446	RGB 34 36 70	#222446
50.0%	50.0% #3C3E63	RGB 60 62 99	#3C3E63
66.7%	66.7% #5E5F7F	RGB 94 95 127	#5E5F7F
83.3%	83.3% #86879C	RGB 134 135 156	#86879C
100.0%	100.0% #B7B7B9	RGB 183 183 185	#B7B7B9

#03040D #0E1129 #222446 #3C3E63 #5E5F7F #86879C #B7B7B9

#03040D - #3C3E63 - #B7B7B9

Códigos CSS

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

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