#03030A - #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 #03030A a #B7B7B9

#03030A #B7B7B9

Calcule el color entre dos colores, #03030A 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)

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

0.0%	0.0% #03030A	RGB 3 3 10	#03030A
16.7%	16.7% #212127	RGB 33 33 39	#212127
33.3%	33.3% #3F3F44	RGB 63 63 68	#3F3F44
50.0%	50.0% #5D5D61	RGB 93 93 97	#5D5D61
66.7%	66.7% #7B7B7E	RGB 123 123 126	#7B7B7E
83.3%	83.3% #99999B	RGB 153 153 155	#99999B
100.0%	100.0% #B7B7B9	RGB 183 183 185	#B7B7B9

#03030A #212127 #3F3F44 #5D5D61 #7B7B7E #99999B #B7B7B9

#03030A - #B7B7B9

Mezcla HSV

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

0.0%	0.0% #03030A	RGB 3 3 10	#03030A
16.7%	16.7% #101027	RGB 16 16 39	#101027
33.3%	33.3% #242444	RGB 36 36 68	#242444
50.0%	50.0% #3E3E61	RGB 62 62 97	#3E3E61
66.7%	66.7% #60607E	RGB 96 96 126	#60607E
83.3%	83.3% #88889B	RGB 136 136 155	#88889B
100.0%	100.0% #B7B7B9	RGB 183 183 185	#B7B7B9

#03030A #101027 #242444 #3E3E61 #60607E #88889B #B7B7B9

#03030A - #3E3E61 - #B7B7B9

Códigos CSS

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

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