#3E8C62 - #0E5131 | 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 #3E8C62 a #0E5131

#3E8C62 #0E5131

Calcule el color entre dos colores, #3E8C62 y #0E5131. 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)

#3E8C62 - #0E5131 | 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 #3E8C62 como 0% y #0E5131 como 100%.

0.0%	0.0% #3E8C62	RGB 62 140 98	#3E8C62
16.7%	16.7% #368259	RGB 54 130 89	#368259
33.3%	33.3% #2E7851	RGB 46 120 81	#2E7851
50.0%	50.0% #266E49	RGB 38 110 73	#266E49
66.7%	66.7% #1E6441	RGB 30 100 65	#1E6441
83.3%	83.3% #165A39	RGB 22 90 57	#165A39
100.0%	100.0% #0E5131	RGB 14 81 49	#0E5131

#3E8C62 #368259 #2E7851 #266E49 #1E6441 #165A39 #0E5131

#3E8C62 - #0E5131

Mezcla HSV

#3E8C62 - #0E5131 | 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 #3E8C62 como 0% y #0E5131 como 100%.

0.0%	0.0% #3E8C62	RGB 62 140 98	#3E8C62
16.7%	16.7% #338258	RGB 51 130 88	#338258
33.3%	33.3% #2A784F	RGB 42 120 79	#2A784F
50.0%	50.0% #226E47	RGB 34 110 71	#226E47
66.7%	66.7% #1A643F	RGB 26 100 63	#1A643F
83.3%	83.3% #135A38	RGB 19 90 56	#135A38
100.0%	100.0% #0E5131	RGB 14 81 49	#0E5131

#3E8C62 #338258 #2A784F #226E47 #1A643F #135A38 #0E5131

#3E8C62 - #226E47 - #0E5131

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E8C62 0%, #226E47 50%, #0E5131 100%);
    background: -webkit-linear-gradient(top, #3E8C62 0%, #226E47 50%, #0E5131 100%);
    background: linear-gradient(to bottom, #3E8C62 0%, #226E47 50%, #0E5131 100%);
}
</style>