#5E7E3E - #D1DAC7 | 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 #5E7E3E a #D1DAC7

#5E7E3E #D1DAC7

Calcule el color entre dos colores, #5E7E3E y #D1DAC7. 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)

#5E7E3E - #D1DAC7 | 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 #5E7E3E como 0% y #D1DAC7 como 100%.

0.0%	0.0% #5E7E3E	RGB 94 126 62	#5E7E3E
16.7%	16.7% #718D54	RGB 113 141 84	#718D54
33.3%	33.3% #849C6B	RGB 132 156 107	#849C6B
50.0%	50.0% #97AC82	RGB 151 172 130	#97AC82
66.7%	66.7% #AABB99	RGB 170 187 153	#AABB99
83.3%	83.3% #BDCAB0	RGB 189 202 176	#BDCAB0
100.0%	100.0% #D1DAC7	RGB 209 218 199	#D1DAC7

#5E7E3E #718D54 #849C6B #97AC82 #AABB99 #BDCAB0 #D1DAC7

#5E7E3E - #D1DAC7

Mezcla HSV

#5E7E3E - #D1DAC7 | 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 #5E7E3E como 0% y #D1DAC7 como 100%.

0.0%	0.0% #5E7E3E	RGB 94 126 62	#5E7E3E
16.7%	16.7% #6E8D4F	RGB 110 141 79	#6E8D4F
33.3%	33.3% #809C63	RGB 128 156 99	#809C63
50.0%	50.0% #93AC78	RGB 147 172 120	#93AC78
66.7%	66.7% #A6BB90	RGB 166 187 144	#A6BB90
83.3%	83.3% #BBCAAA	RGB 187 202 170	#BBCAAA
100.0%	100.0% #D1DAC7	RGB 209 218 199	#D1DAC7

#5E7E3E #6E8D4F #809C63 #93AC78 #A6BB90 #BBCAAA #D1DAC7

#5E7E3E - #93AC78 - #D1DAC7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7E3E 0%, #93AC78 50%, #D1DAC7 100%);
    background: -webkit-linear-gradient(top, #5E7E3E 0%, #93AC78 50%, #D1DAC7 100%);
    background: linear-gradient(to bottom, #5E7E3E 0%, #93AC78 50%, #D1DAC7 100%);
}
</style>