#103920 - #BAC6BF | 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 #103920 a #BAC6BF

#103920 #BAC6BF

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

#103920 - #BAC6BF | 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 #103920 como 0% y #BAC6BF como 100%.

0.0%	0.0% #103920	RGB 16 57 32	#103920
16.7%	16.7% #2C503A	RGB 44 80 58	#2C503A
33.3%	33.3% #486855	RGB 72 104 85	#486855
50.0%	50.0% #657F6F	RGB 101 127 111	#657F6F
66.7%	66.7% #81978A	RGB 129 151 138	#81978A
83.3%	83.3% #9DAEA4	RGB 157 174 164	#9DAEA4
100.0%	100.0% #BAC6BF	RGB 186 198 191	#BAC6BF

#103920 #2C503A #486855 #657F6F #81978A #9DAEA4 #BAC6BF

#103920 - #BAC6BF

Mezcla HSV

#103920 - #BAC6BF | 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 #103920 como 0% y #BAC6BF como 100%.

0.0%	0.0% #103920	RGB 16 57 32	#103920
16.7%	16.7% #1F5032	RGB 31 80 50	#1F5032
33.3%	33.3% #346848	RGB 52 104 72	#346848
50.0%	50.0% #4D7F61	RGB 77 127 97	#4D7F61
66.7%	66.7% #6C977D	RGB 108 151 125	#6C977D
83.3%	83.3% #90AE9D	RGB 144 174 157	#90AE9D
100.0%	100.0% #BAC6BF	RGB 186 198 191	#BAC6BF

#103920 #1F5032 #346848 #4D7F61 #6C977D #90AE9D #BAC6BF

#103920 - #4D7F61 - #BAC6BF

Códigos CSS

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

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