#000815 - #B6B8BC | 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 #000815 a #B6B8BC

#000815 #B6B8BC

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

#000815 - #B6B8BC | 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 #000815 como 0% y #B6B8BC como 100%.

0.0%	0.0% #000815	RGB 0 8 21	#000815
16.7%	16.7% #1E2530	RGB 30 37 48	#1E2530
33.3%	33.3% #3C424C	RGB 60 66 76	#3C424C
50.0%	50.0% #5B6068	RGB 91 96 104	#5B6068
66.7%	66.7% #797D84	RGB 121 125 132	#797D84
83.3%	83.3% #979AA0	RGB 151 154 160	#979AA0
100.0%	100.0% #B6B8BC	RGB 182 184 188	#B6B8BC

#000815 #1E2530 #3C424C #5B6068 #797D84 #979AA0 #B6B8BC

#000815 - #B6B8BC

Mezcla HSV

#000815 - #B6B8BC | 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 #000815 como 0% y #B6B8BC como 100%.

0.0%	0.0% #000715	RGB 0 7 21	#000715
16.7%	16.7% #071730	RGB 7 23 48	#071730
33.3%	33.3% #182B4C	RGB 24 43 76	#182B4C
50.0%	50.0% #324568	RGB 50 69 104	#324568
66.7%	66.7% #556584	RGB 85 101 132	#556584
83.3%	83.3% #818BA0	RGB 129 139 160	#818BA0
100.0%	100.0% #B6B8BC	RGB 182 184 188	#B6B8BC

#000715 #071730 #182B4C #324568 #556584 #818BA0 #B6B8BC

#000815 - #324568 - #B6B8BC

Códigos CSS

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

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