#154D14 - #BCCCBB | 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 #154D14 a #BCCCBB

#154D14 #BCCCBB

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

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

0.0%	0.0% #154D14	RGB 21 77 20	#154D14
16.7%	16.7% #30622F	RGB 48 98 47	#30622F
33.3%	33.3% #4C774B	RGB 76 119 75	#4C774B
50.0%	50.0% #688C67	RGB 104 140 103	#688C67
66.7%	66.7% #84A183	RGB 132 161 131	#84A183
83.3%	83.3% #A0B69F	RGB 160 182 159	#A0B69F
100.0%	100.0% #BCCCBB	RGB 188 204 187	#BCCCBB

#154D14 #30622F #4C774B #688C67 #84A183 #A0B69F #BCCCBB

#154D14 - #BCCCBB

Mezcla HSV

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

0.0%	0.0% #154D13	RGB 21 77 19	#154D13
16.7%	16.7% #256224	RGB 37 98 36	#256224
33.3%	33.3% #3B7739	RGB 59 119 57	#3B7739
50.0%	50.0% #548C52	RGB 84 140 82	#548C52
66.7%	66.7% #72A170	RGB 114 161 112	#72A170
83.3%	83.3% #95B693	RGB 149 182 147	#95B693
100.0%	100.0% #BCCCBB	RGB 188 204 187	#BCCCBB

#154D13 #256224 #3B7739 #548C52 #72A170 #95B693 #BCCCBB

#154D14 - #548C52 - #BCCCBB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #154D13 0%, #548C52 50%, #BCCCBB 100%);
    background: -webkit-linear-gradient(top, #154D13 0%, #548C52 50%, #BCCCBB 100%);
    background: linear-gradient(to bottom, #154D13 0%, #548C52 50%, #BCCCBB 100%);
}
</style>