#3E5E5E - #88A377 | 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 #3E5E5E a #88A377

#3E5E5E #88A377

Calcule el color entre dos colores, #3E5E5E y #88A377. 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)

#3E5E5E - #88A377 | 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 #3E5E5E como 0% y #88A377 como 100%.

0.0%	0.0% #3E5E5E	RGB 62 94 94	#3E5E5E
16.7%	16.7% #4A6962	RGB 74 105 98	#4A6962
33.3%	33.3% #567566	RGB 86 117 102	#567566
50.0%	50.0% #63806A	RGB 99 128 106	#63806A
66.7%	66.7% #6F8C6E	RGB 111 140 110	#6F8C6E
83.3%	83.3% #7B9772	RGB 123 151 114	#7B9772
100.0%	100.0% #88A377	RGB 136 163 119	#88A377

#3E5E5E #4A6962 #567566 #63806A #6F8C6E #7B9772 #88A377

#3E5E5E - #88A377

Mezcla HSV

#3E5E5E - #88A377 | 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 #3E5E5E como 0% y #88A377 como 100%.

0.0%	0.0% #3E5E5E	RGB 62 94 94	#3E5E5E
16.7%	16.7% #466961	RGB 70 105 97	#466961
33.3%	33.3% #4F7563	RGB 79 117 99	#4F7563
50.0%	50.0% #598065	RGB 89 128 101	#598065
66.7%	66.7% #628C66	RGB 98 140 102	#628C66
83.3%	83.3% #73976C	RGB 115 151 108	#73976C
100.0%	100.0% #88A377	RGB 136 163 119	#88A377

#3E5E5E #466961 #4F7563 #598065 #628C66 #73976C #88A377

#3E5E5E - #598065 - #88A377

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E5E 0%, #598065 50%, #88A377 100%);
    background: -webkit-linear-gradient(top, #3E5E5E 0%, #598065 50%, #88A377 100%);
    background: linear-gradient(to bottom, #3E5E5E 0%, #598065 50%, #88A377 100%);
}
</style>