#1B0707 - #BDB8B8 | 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 #1B0707 a #BDB8B8

#1B0707 #BDB8B8

Calcule el color entre dos colores, #1B0707 y #BDB8B8. 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)

#1B0707 - #BDB8B8 | 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 #1B0707 como 0% y #BDB8B8 como 100%.

0.0%	0.0% #1B0707	RGB 27 7 7	#1B0707
16.7%	16.7% #362424	RGB 54 36 36	#362424
33.3%	33.3% #514242	RGB 81 66 66	#514242
50.0%	50.0% #6C5F5F	RGB 108 95 95	#6C5F5F
66.7%	66.7% #877D7D	RGB 135 125 125	#877D7D
83.3%	83.3% #A29A9A	RGB 162 154 154	#A29A9A
100.0%	100.0% #BDB8B8	RGB 189 184 184	#BDB8B8

#1B0707 #362424 #514242 #6C5F5F #877D7D #A29A9A #BDB8B8

#1B0707 - #BDB8B8

Mezcla HSV

#1B0707 - #BDB8B8 | 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 #1B0707 como 0% y #BDB8B8 como 100%.

0.0%	0.0% #1B0707	RGB 27 7 7	#1B0707
16.7%	16.7% #361414	RGB 54 20 20	#361414
33.3%	33.3% #512828	RGB 81 40 40	#512828
50.0%	50.0% #6C4242	RGB 108 66 66	#6C4242
66.7%	66.7% #876363	RGB 135 99 99	#876363
83.3%	83.3% #A28A8A	RGB 162 138 138	#A28A8A
100.0%	100.0% #BDB8B8	RGB 189 184 184	#BDB8B8

#1B0707 #361414 #512828 #6C4242 #876363 #A28A8A #BDB8B8

#1B0707 - #6C4242 - #BDB8B8

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1B0707 0%, #6C4242 50%, #BDB8B8 100%);
    background: -webkit-linear-gradient(top, #1B0707 0%, #6C4242 50%, #BDB8B8 100%);
    background: linear-gradient(to bottom, #1B0707 0%, #6C4242 50%, #BDB8B8 100%);
}
</style>