#150000 - #BCB6B6 | 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 #150000 a #BCB6B6

#150000 #BCB6B6

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

#150000 - #BCB6B6 | 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 #150000 como 0% y #BCB6B6 como 100%.

0.0%	0.0% #150000	RGB 21 0 0	#150000
16.7%	16.7% #301E1E	RGB 48 30 30	#301E1E
33.3%	33.3% #4C3C3C	RGB 76 60 60	#4C3C3C
50.0%	50.0% #685B5B	RGB 104 91 91	#685B5B
66.7%	66.7% #847979	RGB 132 121 121	#847979
83.3%	83.3% #A09797	RGB 160 151 151	#A09797
100.0%	100.0% #BCB6B6	RGB 188 182 182	#BCB6B6

#150000 #301E1E #4C3C3C #685B5B #847979 #A09797 #BCB6B6

#150000 - #BCB6B6

Mezcla HSV

#150000 - #BCB6B6 | 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 #150000 como 0% y #BCB6B6 como 100%.

0.0%	0.0% #150000	RGB 21 0 0	#150000
16.7%	16.7% #300707	RGB 48 7 7	#300707
33.3%	33.3% #4C1818	RGB 76 24 24	#4C1818
50.0%	50.0% #683232	RGB 104 50 50	#683232
66.7%	66.7% #845555	RGB 132 85 85	#845555
83.3%	83.3% #A08181	RGB 160 129 129	#A08181
100.0%	100.0% #BCB6B6	RGB 188 182 182	#BCB6B6

#150000 #300707 #4C1818 #683232 #845555 #A08181 #BCB6B6

#150000 - #683232 - #BCB6B6

Códigos CSS

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

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