#748B5E - #8FEE82 | 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 #748B5E a #8FEE82

#748B5E #8FEE82

Calcule el color entre dos colores, #748B5E y #8FEE82. 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)

#748B5E - #8FEE82 | 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 #748B5E como 0% y #8FEE82 como 100%.

0.0%	0.0% #748B5E	RGB 116 139 94	#748B5E
16.7%	16.7% #789B64	RGB 120 155 100	#789B64
33.3%	33.3% #7DAC6A	RGB 125 172 106	#7DAC6A
50.0%	50.0% #81BC70	RGB 129 188 112	#81BC70
66.7%	66.7% #86CD76	RGB 134 205 118	#86CD76
83.3%	83.3% #8ADD7C	RGB 138 221 124	#8ADD7C
100.0%	100.0% #8FEE82	RGB 143 238 130	#8FEE82

#748B5E #789B64 #7DAC6A #81BC70 #86CD76 #8ADD7C #8FEE82

#748B5E - #8FEE82

Mezcla HSV

#748B5E - #8FEE82 | 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 #748B5E como 0% y #8FEE82 como 100%.

0.0%	0.0% #748B5E	RGB 116 139 94	#748B5E
16.7%	16.7% #7C9B65	RGB 124 155 101	#7C9B65
33.3%	33.3% #83AC6C	RGB 131 172 108	#83AC6C
50.0%	50.0% #89BC73	RGB 137 188 115	#89BC73
66.7%	66.7% #8DCD78	RGB 141 205 120	#8DCD78
83.3%	83.3% #8FDD7D	RGB 143 221 125	#8FDD7D
100.0%	100.0% #8FEE82	RGB 143 238 130	#8FEE82

#748B5E #7C9B65 #83AC6C #89BC73 #8DCD78 #8FDD7D #8FEE82

#748B5E - #89BC73 - #8FEE82

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #748B5E 0%, #89BC73 50%, #8FEE82 100%);
    background: -webkit-linear-gradient(top, #748B5E 0%, #89BC73 50%, #8FEE82 100%);
    background: linear-gradient(to bottom, #748B5E 0%, #89BC73 50%, #8FEE82 100%);
}
</style>