#8FBC8F - #40973C | 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 #8FBC8F a #40973C

#8FBC8F #40973C

Calcule el color entre dos colores, #8FBC8F y #40973C. 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)

#8FBC8F - #40973C | 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 #8FBC8F como 0% y #40973C como 100%.

0.0%	0.0% #8FBC8F	RGB 143 188 143	#8FBC8F
16.7%	16.7% #81B581	RGB 129 181 129	#81B581
33.3%	33.3% #74AF73	RGB 116 175 115	#74AF73
50.0%	50.0% #67A965	RGB 103 169 101	#67A965
66.7%	66.7% #5AA357	RGB 90 163 87	#5AA357
83.3%	83.3% #4D9D49	RGB 77 157 73	#4D9D49
100.0%	100.0% #40973C	RGB 64 151 60	#40973C

#8FBC8F #81B581 #74AF73 #67A965 #5AA357 #4D9D49 #40973C

#8FBC8F - #40973C

Mezcla HSV

#8FBC8F - #40973C | 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 #8FBC8F como 0% y #40973C como 100%.

0.0%	0.0% #8FBC8F	RGB 143 188 143	#8FBC8F
16.7%	16.7% #7FB57F	RGB 127 181 127	#7FB57F
33.3%	33.3% #71AF70	RGB 113 175 112	#71AF70
50.0%	50.0% #63A962	RGB 99 169 98	#63A962
66.7%	66.7% #56A354	RGB 86 163 84	#56A354
83.3%	83.3% #4B9D47	RGB 75 157 71	#4B9D47
100.0%	100.0% #40973C	RGB 64 151 60	#40973C

#8FBC8F #7FB57F #71AF70 #63A962 #56A354 #4B9D47 #40973C

#8FBC8F - #63A962 - #40973C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8FBC8F 0%, #63A962 50%, #40973C 100%);
    background: -webkit-linear-gradient(top, #8FBC8F 0%, #63A962 50%, #40973C 100%);
    background: linear-gradient(to bottom, #8FBC8F 0%, #63A962 50%, #40973C 100%);
}
</style>