#1B6136 - #BDD1C5 | 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 #1B6136 a #BDD1C5

#1B6136 #BDD1C5

Calcule el color entre dos colores, #1B6136 y #BDD1C5. 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)

#1B6136 - #BDD1C5 | 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 #1B6136 como 0% y #BDD1C5 como 100%.

0.0%	0.0% #1B6136	RGB 27 97 54	#1B6136
16.7%	16.7% #36734D	RGB 54 115 77	#36734D
33.3%	33.3% #518665	RGB 81 134 101	#518665
50.0%	50.0% #6C997D	RGB 108 153 125	#6C997D
66.7%	66.7% #87AB95	RGB 135 171 149	#87AB95
83.3%	83.3% #A2BEAD	RGB 162 190 173	#A2BEAD
100.0%	100.0% #BDD1C5	RGB 189 209 197	#BDD1C5

#1B6136 #36734D #518665 #6C997D #87AB95 #A2BEAD #BDD1C5

#1B6136 - #BDD1C5

Mezcla HSV

#1B6136 - #BDD1C5 | 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 #1B6136 como 0% y #BDD1C5 como 100%.

0.0%	0.0% #1B6136	RGB 27 97 54	#1B6136
16.7%	16.7% #2C7347	RGB 44 115 71	#2C7347
33.3%	33.3% #41865C	RGB 65 134 92	#41865C
50.0%	50.0% #5A9973	RGB 90 153 115	#5A9973
66.7%	66.7% #77AB8C	RGB 119 171 140	#77AB8C
83.3%	83.3% #98BEA7	RGB 152 190 167	#98BEA7
100.0%	100.0% #BDD1C5	RGB 189 209 197	#BDD1C5

#1B6136 #2C7347 #41865C #5A9973 #77AB8C #98BEA7 #BDD1C5

#1B6136 - #5A9973 - #BDD1C5

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1B6136 0%, #5A9973 50%, #BDD1C5 100%);
    background: -webkit-linear-gradient(top, #1B6136 0%, #5A9973 50%, #BDD1C5 100%);
    background: linear-gradient(to bottom, #1B6136 0%, #5A9973 50%, #BDD1C5 100%);
}
</style>