#3E3E3E - #004A2F | 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 #3E3E3E a #004A2F

#3E3E3E #004A2F

Calcule el color entre dos colores, #3E3E3E y #004A2F. 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)

#3E3E3E - #004A2F | 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 #3E3E3E como 0% y #004A2F como 100%.

0.0%	0.0% #3E3E3E	RGB 62 62 62	#3E3E3E
16.7%	16.7% #33403B	RGB 51 64 59	#33403B
33.3%	33.3% #294239	RGB 41 66 57	#294239
50.0%	50.0% #1F4436	RGB 31 68 54	#1F4436
66.7%	66.7% #144634	RGB 20 70 52	#144634
83.3%	83.3% #0A4831	RGB 10 72 49	#0A4831
100.0%	100.0% #004A2F	RGB 0 74 47	#004A2F

#3E3E3E #33403B #294239 #1F4436 #144634 #0A4831 #004A2F

#3E3E3E - #004A2F

Mezcla HSV

#3E3E3E - #004A2F | 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 #3E3E3E como 0% y #004A2F como 100%.

0.0%	0.0% #3E3E3E	RGB 62 62 62	#3E3E3E
16.7%	16.7% #403A35	RGB 64 58 53	#403A35
33.3%	33.3% #423F2C	RGB 66 63 44	#423F2C
50.0%	50.0% #394422	RGB 57 68 34	#394422
66.7%	66.7% #224617	RGB 34 70 23	#224617
83.3%	83.3% #0C4817	RGB 12 72 23	#0C4817
100.0%	100.0% #004A2F	RGB 0 74 47	#004A2F

#3E3E3E #403A35 #423F2C #394422 #224617 #0C4817 #004A2F

#3E3E3E - #394422 - #004A2F

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3E3E 0%, #394422 50%, #004A2F 100%);
    background: -webkit-linear-gradient(top, #3E3E3E 0%, #394422 50%, #004A2F 100%);
    background: linear-gradient(to bottom, #3E3E3E 0%, #394422 50%, #004A2F 100%);
}
</style>