#162D14 - #BCC3BB | 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 #162D14 a #BCC3BB

#162D14 #BCC3BB

Calcule el color entre dos colores, #162D14 y #BCC3BB. 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)

#162D14 - #BCC3BB | 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 #162D14 como 0% y #BCC3BB como 100%.

0.0%	0.0% #162D14	RGB 22 45 20	#162D14
16.7%	16.7% #31462F	RGB 49 70 47	#31462F
33.3%	33.3% #4D5F4B	RGB 77 95 75	#4D5F4B
50.0%	50.0% #697867	RGB 105 120 103	#697867
66.7%	66.7% #849183	RGB 132 145 131	#849183
83.3%	83.3% #A0AA9F	RGB 160 170 159	#A0AA9F
100.0%	100.0% #BCC3BB	RGB 188 195 187	#BCC3BB

#162D14 #31462F #4D5F4B #697867 #849183 #A0AA9F #BCC3BB

#162D14 - #BCC3BB

Mezcla HSV

#162D14 - #BCC3BB | 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 #162D14 como 0% y #BCC3BB como 100%.

0.0%	0.0% #162D14	RGB 22 45 20	#162D14
16.7%	16.7% #274625	RGB 39 70 37	#274625
33.3%	33.3% #3D5F3A	RGB 61 95 58	#3D5F3A
50.0%	50.0% #577854	RGB 87 120 84	#577854
66.7%	66.7% #759172	RGB 117 145 114	#759172
83.3%	83.3% #96AA94	RGB 150 170 148	#96AA94
100.0%	100.0% #BCC3BB	RGB 188 195 187	#BCC3BB

#162D14 #274625 #3D5F3A #577854 #759172 #96AA94 #BCC3BB

#162D14 - #577854 - #BCC3BB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #162D14 0%, #577854 50%, #BCC3BB 100%);
    background: -webkit-linear-gradient(top, #162D14 0%, #577854 50%, #BCC3BB 100%);
    background: linear-gradient(to bottom, #162D14 0%, #577854 50%, #BCC3BB 100%);
}
</style>