#3E5E40 - #89CCCF | 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 #3E5E40 a #89CCCF

#3E5E40 #89CCCF

Calcule el color entre dos colores, #3E5E40 y #89CCCF. 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)

#3E5E40 - #89CCCF | 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 #3E5E40 como 0% y #89CCCF como 100%.

0.0%	0.0% #3E5E40	RGB 62 94 64	#3E5E40
16.7%	16.7% #4A7057	RGB 74 112 87	#4A7057
33.3%	33.3% #57826F	RGB 87 130 111	#57826F
50.0%	50.0% #639587	RGB 99 149 135	#639587
66.7%	66.7% #70A79F	RGB 112 167 159	#70A79F
83.3%	83.3% #7CB9B7	RGB 124 185 183	#7CB9B7
100.0%	100.0% #89CCCF	RGB 137 204 207	#89CCCF

#3E5E40 #4A7057 #57826F #639587 #70A79F #7CB9B7 #89CCCF

#3E5E40 - #89CCCF

Mezcla HSV

#3E5E40 - #89CCCF | 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 #3E5E40 como 0% y #89CCCF como 100%.

0.0%	0.0% #3E5E40	RGB 62 94 64	#3E5E40
16.7%	16.7% #4A7053	RGB 74 112 83	#4A7053
33.3%	33.3% #568368	RGB 86 131 104	#568368
50.0%	50.0% #63967F	RGB 99 150 127	#63967F
66.7%	66.7% #6FA999	RGB 111 169 153	#6FA999
83.3%	83.3% #7CBCB4	RGB 124 188 180	#7CBCB4
100.0%	100.0% #89CCCF	RGB 137 204 207	#89CCCF

#3E5E40 #4A7053 #568368 #63967F #6FA999 #7CBCB4 #89CCCF

#3E5E40 - #63967F - #89CCCF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E40 0%, #63967F 50%, #89CCCF 100%);
    background: -webkit-linear-gradient(top, #3E5E40 0%, #63967F 50%, #89CCCF 100%);
    background: linear-gradient(to bottom, #3E5E40 0%, #63967F 50%, #89CCCF 100%);
}
</style>