#14160B - #BBBCB9 | 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 #14160B a #BBBCB9

#14160B #BBBCB9

Calcule el color entre dos colores, #14160B y #BBBCB9. 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)

#14160B - #BBBCB9 | 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 #14160B como 0% y #BBBCB9 como 100%.

0.0%	0.0% #14160B	RGB 20 22 11	#14160B
16.7%	16.7% #2F3128	RGB 47 49 40	#2F3128
33.3%	33.3% #4B4D45	RGB 75 77 69	#4B4D45
50.0%	50.0% #676962	RGB 103 105 98	#676962
66.7%	66.7% #83847F	RGB 131 132 127	#83847F
83.3%	83.3% #9FA09C	RGB 159 160 156	#9FA09C
100.0%	100.0% #BBBCB9	RGB 187 188 185	#BBBCB9

#14160B #2F3128 #4B4D45 #676962 #83847F #9FA09C #BBBCB9

#14160B - #BBBCB9

Mezcla HSV

#14160B - #BBBCB9 | 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 #14160B como 0% y #BBBCB9 como 100%.

0.0%	0.0% #14160B	RGB 20 22 11	#14160B
16.7%	16.7% #2D311C	RGB 45 49 28	#2D311C
33.3%	33.3% #474D33	RGB 71 77 51	#474D33
50.0%	50.0% #62694D	RGB 98 105 77	#62694D
66.7%	66.7% #7E846D	RGB 126 132 109	#7E846D
83.3%	83.3% #9BA090	RGB 155 160 144	#9BA090
100.0%	100.0% #BBBCB9	RGB 187 188 185	#BBBCB9

#14160B #2D311C #474D33 #62694D #7E846D #9BA090 #BBBCB9

#14160B - #62694D - #BBBCB9

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #14160B 0%, #62694D 50%, #BBBCB9 100%);
    background: -webkit-linear-gradient(top, #14160B 0%, #62694D 50%, #BBBCB9 100%);
    background: linear-gradient(to bottom, #14160B 0%, #62694D 50%, #BBBCB9 100%);
}
</style>