#3C875F - #0E4D2F | 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 #3C875F a #0E4D2F

#3C875F #0E4D2F

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

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

0.0%	0.0% #3C875F	RGB 60 135 95	#3C875F
16.7%	16.7% #347D57	RGB 52 125 87	#347D57
33.3%	33.3% #2C734F	RGB 44 115 79	#2C734F
50.0%	50.0% #256A47	RGB 37 106 71	#256A47
66.7%	66.7% #1D603F	RGB 29 96 63	#1D603F
83.3%	83.3% #155637	RGB 21 86 55	#155637
100.0%	100.0% #0E4D2F	RGB 14 77 47	#0E4D2F

#3C875F #347D57 #2C734F #256A47 #1D603F #155637 #0E4D2F

#3C875F - #0E4D2F

Mezcla HSV

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

0.0%	0.0% #3C875F	RGB 60 135 95	#3C875F
16.7%	16.7% #327D55	RGB 50 125 85	#327D55
33.3%	33.3% #29734D	RGB 41 115 77	#29734D
50.0%	50.0% #216A45	RGB 33 106 69	#216A45
66.7%	66.7% #19603D	RGB 25 96 61	#19603D
83.3%	83.3% #135636	RGB 19 86 54	#135636
100.0%	100.0% #0E4D2F	RGB 14 77 47	#0E4D2F

#3C875F #327D55 #29734D #216A45 #19603D #135636 #0E4D2F

#3C875F - #216A45 - #0E4D2F

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C875F 0%, #216A45 50%, #0E4D2F 100%);
    background: -webkit-linear-gradient(top, #3C875F 0%, #216A45 50%, #0E4D2F 100%);
    background: linear-gradient(to bottom, #3C875F 0%, #216A45 50%, #0E4D2F 100%);
}
</style>