#103910 - #BAC6BA | 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 #103910 a #BAC6BA

#103910 #BAC6BA

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

#103910 - #BAC6BA | 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 #103910 como 0% y #BAC6BA como 100%.

0.0%	0.0% #103910	RGB 16 57 16	#103910
16.7%	16.7% #2C502C	RGB 44 80 44	#2C502C
33.3%	33.3% #486848	RGB 72 104 72	#486848
50.0%	50.0% #657F65	RGB 101 127 101	#657F65
66.7%	66.7% #819781	RGB 129 151 129	#819781
83.3%	83.3% #9DAE9D	RGB 157 174 157	#9DAE9D
100.0%	100.0% #BAC6BA	RGB 186 198 186	#BAC6BA

#103910 #2C502C #486848 #657F65 #819781 #9DAE9D #BAC6BA

#103910 - #BAC6BA

Mezcla HSV

#103910 - #BAC6BA | 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 #103910 como 0% y #BAC6BA como 100%.

0.0%	0.0% #103910	RGB 16 57 16	#103910
16.7%	16.7% #1F501F	RGB 31 80 31	#1F501F
33.3%	33.3% #346834	RGB 52 104 52	#346834
50.0%	50.0% #4D7F4D	RGB 77 127 77	#4D7F4D
66.7%	66.7% #6C976C	RGB 108 151 108	#6C976C
83.3%	83.3% #90AE90	RGB 144 174 144	#90AE90
100.0%	100.0% #BAC6BA	RGB 186 198 186	#BAC6BA

#103910 #1F501F #346834 #4D7F4D #6C976C #90AE90 #BAC6BA

#103910 - #4D7F4D - #BAC6BA

Códigos CSS

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

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