#0B390B - #B9C6B9 | 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 #0B390B a #B9C6B9

#0B390B #B9C6B9

Calcule el color entre dos colores, #0B390B y #B9C6B9. 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)

#0B390B - #B9C6B9 | 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 #0B390B como 0% y #B9C6B9 como 100%.

0.0%	0.0% #0B390B	RGB 11 57 11	#0B390B
16.7%	16.7% #285028	RGB 40 80 40	#285028
33.3%	33.3% #456845	RGB 69 104 69	#456845
50.0%	50.0% #627F62	RGB 98 127 98	#627F62
66.7%	66.7% #7F977F	RGB 127 151 127	#7F977F
83.3%	83.3% #9CAE9C	RGB 156 174 156	#9CAE9C
100.0%	100.0% #B9C6B9	RGB 185 198 185	#B9C6B9

#0B390B #285028 #456845 #627F62 #7F977F #9CAE9C #B9C6B9

#0B390B - #B9C6B9

Mezcla HSV

#0B390B - #B9C6B9 | 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 #0B390B como 0% y #B9C6B9 como 100%.

0.0%	0.0% #0A390B	RGB 10 57 11	#0A390B
16.7%	16.7% #195019	RGB 25 80 25	#195019
33.3%	33.3% #2D682D	RGB 45 104 45	#2D682D
50.0%	50.0% #477F47	RGB 71 127 71	#477F47
66.7%	66.7% #679767	RGB 103 151 103	#679767
83.3%	83.3% #8DAE8D	RGB 141 174 141	#8DAE8D
100.0%	100.0% #B9C6B9	RGB 185 198 185	#B9C6B9

#0A390B #195019 #2D682D #477F47 #679767 #8DAE8D #B9C6B9

#0B390B - #477F47 - #B9C6B9

Códigos CSS

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

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