#286E5E - #8FBC80 | 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 #286E5E a #8FBC80

#286E5E #8FBC80

Calcule el color entre dos colores, #286E5E y #8FBC80. 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)

#286E5E - #8FBC80 | 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 #286E5E como 0% y #8FBC80 como 100%.

0.0%	0.0% #286E5E	RGB 40 110 94	#286E5E
16.7%	16.7% #397B63	RGB 57 123 99	#397B63
33.3%	33.3% #4A8869	RGB 74 136 105	#4A8869
50.0%	50.0% #5B956F	RGB 91 149 111	#5B956F
66.7%	66.7% #6CA274	RGB 108 162 116	#6CA274
83.3%	83.3% #7DAF7A	RGB 125 175 122	#7DAF7A
100.0%	100.0% #8FBC80	RGB 143 188 128	#8FBC80

#286E5E #397B63 #4A8869 #5B956F #6CA274 #7DAF7A #8FBC80

#286E5E - #8FBC80

Mezcla HSV

#286E5E - #8FBC80 | 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 #286E5E como 0% y #8FBC80 como 100%.

0.0%	0.0% #286E5E	RGB 40 110 94	#286E5E
16.7%	16.7% #337B5E	RGB 51 123 94	#337B5E
33.3%	33.3% #3F885E	RGB 63 136 94	#3F885E
50.0%	50.0% #4D9560	RGB 77 149 96	#4D9560
66.7%	66.7% #5DA263	RGB 93 162 99	#5DA263
83.3%	83.3% #73AF6D	RGB 115 175 109	#73AF6D
100.0%	100.0% #8FBC80	RGB 143 188 128	#8FBC80

#286E5E #337B5E #3F885E #4D9560 #5DA263 #73AF6D #8FBC80

#286E5E - #4D9560 - #8FBC80

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #286E5E 0%, #4D9560 50%, #8FBC80 100%);
    background: -webkit-linear-gradient(top, #286E5E 0%, #4D9560 50%, #8FBC80 100%);
    background: linear-gradient(to bottom, #286E5E 0%, #4D9560 50%, #8FBC80 100%);
}
</style>